Textpattern - на русском языке

в ff горизонтальная прокрутка есть. это не есть гууд

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, честно говоря, про аудиторию сайта ничего не знаю, контентом занимаюсь не я и во многом не понимаю суть данного ресурса, какой-то журнал максим получается ))) ИМХО!

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)