форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
_http://www.murygin.ru
используемые плагины:
rss_live_search
rss_live_archive
bau_image_propper (кажется так)))
верстка: xhtml/css (код не плохобы почистить)))
Спасибо огромное всем кто мне помогал на этом форуме, жду отзывов!
Отредактированно 4zy (14-11-2005 20:42:30)
Неактивен
в ff горизонтальная прокрутка есть. это не есть гууд
Неактивен
А давайте обсудим верстку?
Вот например список новостей:
<ul id="last_news"> <li><div class="date_news"> 3.11.05</div><div class="blue_line"> |</div><div class="news_title"><a href="http://murygin.ru/manage_events/companysecrets1" title="Permanent link to this article">Как крадут секреты компаний: часть 1 - ICQ</a></div></li>
1. Почему дата в div а не в span? Вроде не блочный элемент.
2. Зачем a засунут в div? Можно назначить класс элементу a
3. зачем | завернут в div? Эта палка это всё что остается в #last_news li с непереназначенным стилем
вот так же лучше:
<ul id="last_news"> <li><span>3.11.05</span> |<a href="http://murygin.ru/manage_events/companysecrets1" title="Permanent link to this article">Как крадут секреты компаний: часть 1 - ICQ</a></li>
И значит что чему теперь соответствует:
.date_news => #last_news span
.news_title => #last_news a
.blue_line => #last_news li
И если отобрать у сайта css то он не очен внятно выглядит.
Вобщём "всё сделано не так"
Строго рекомендую почитать о том как применять CSS на практике. Там примерно о том:
То, что отличает начинающих CSS-дизайнеров — неумелое использование селекторов (и как следствие этого - идиотически перегруженный HTML).
Неактивен
4zy написал:
жду отзывов!
А мне понравилось! :-))
Не вникая в верстку - внешний вид сайта произвел хорошее впечатление.
Удивила система навигации со словом Egoism. Это сайт для какой-то сложившейся аудитории? :-)
Неактивен
Nicck написал:
А давайте обсудим верстку?
Вот например список новостей:Код:
<ul id="last_news"> <li><div class="date_news"> 3.11.05</div><div class="blue_line"> |</div><div class="news_title"><a href="http://murygin.ru/manage_events/companysecrets1" title="Permanent link to this article">Как крадут секреты компаний: часть 1 - ICQ</a></div></li>1. Почему дата в div а не в span? Вроде не блочный элемент.
2. Зачем a засунут в div? Можно назначить класс элементу a
3. зачем | завернут в div? Эта палка это всё что остается в #last_news li с непереназначенным стилем
да есть такое дело ))) честно говоря, через spam у меня решить мою проблему не получилось - а сделано дивами для того чтобы отформатитовать вывод новостей - дата слева, а новость справа, при этом при переходе на новую строку, чтобы она не была под датой.
за ссылку спасибо, обязательно сейчас почитаю! ))
Evgeny, честно говоря, про аудиторию сайта ничего не знаю, контентом занимаюсь не я и во многом не понимаю суть данного ресурса, какой-то журнал максим получается ))) ИМХО!
Неактивен
а сделано дивами для того чтобы отформатитовать вывод новостей - дата слева, а новость справа
А это можно решить не в ущерб логике - даем спану display: block...
Неактивен
glebotr написал:
а сделано дивами для того чтобы отформатитовать вывод новостей - дата слева, а новость справа
А это можно решить не в ущерб логике - даем спану display: block...
во! все гениальное просто, как я не догадался про блок ))) спасибо!
вообще, я сейчас смотрю, все по другому бы уже заверстал )) более логично, уже сам путаться начинаю... ))
Неактивен
Поменял я корявый код в списке, но столкнулся с проблемой в FireFox, вот мой список:
<ul class="side_menu">
<li><span>10.11.05</span><a href="#" title="Permanent link to this article">Второй сингл Depeche Mode из нового альбома</a></li>
<li><span>10.11.05</span><a href="#" title="Permanent link to this article">Второй сингл Depeche Mode из нового альбома</a></li>
<li><span>10.11.05</span><a href="#" title="Permanent link to this article">Второй сингл Depeche Mode из нового альбома</a></li>
</ul>
вот CSS:
.side_menu{
list-style: none;
padding: 0 0 20px 10px;
margin: 0;
font-size: 10px;
}
.side_menu ul {
padding: 0 0 0 0px;
margin: 0 0 20px 10px;
}
.side_menu li{
color: #15adf5;
}
.side_menu li a{
text-decoration: none;
font-size: 10px;
color: #fff;
display: block;
float: left;
width: 200px;
padding-bottom: 5px;
}
.side_menu li a:hover{
color: #15adf5;
}
.side_menu span{
padding-left: 8px;
color: #ffcc00;
display: block;
float: left;
width: 50px;
background: url(arrow.gif) 0 4px no-repeat;
}
Проблема, в float: left; - Фаерфокс раставляет их один за другим, как это обойти - не понял, может появиться у кого идеи!?
Отредактированно 4zy (24-11-2005 18:42:42)
Неактивен