CSS

удалено......

А чего так? Я просто не знаю как сделать в КСС в ряд такой.

Alkoshenko 3 менюшки таких сделать по порядку...;) тобишь

<div>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

</div>

ul {diplay: inline-block; vertical-align: top;}

li {display: block; padding: 4px 0;}

<div>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li class="last"><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul class="last">

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

</div>

ul {

width:31%;

float:left;

margin-right: 3.5%

}

ul.last {

margin-right: 0

}

ul li {

border-bottom: 1px solid gray

}

ul li.last {

border: none

}

Ухты)))) Спасибо vandamme

Буду сейчас разбираться в коде, а так все работает и так как я хотел спасибо!:)

Всем спасибо))

<div>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

</div>

ul {diplay: inline-block; vertical-align: top; margin: 0 30px;}

li {display: block; padding: 4px 0;}

Так пробовал? Зачем делать лишние классы?

ortegas добавил 16.01.2011 в 00:00

vandamme, В ишаке будет трабла с флоатом.. те еще и clear: both надо писать.. Намного лучше inline-block использовать.

Я не понял, чего добивается ТС. Того же вида меню или разместить некое меню из произвольного числа пунктов в 3 столбика?

По идее, проще всего:

ul {width: 333px; height: 100px}

li {width: 30%; float: left; margin-right: 2%;}

Если полного визуального совпадения, то как сделал vandamme, только я бы обошелся без классов, а добавил правило

ul li:last-child {border-bottom: none}

ortegas, в каком? 6 или выше 7?

snk001, ul элементы блочные и ширина не поможет.. Тем более ширина для всех сразу ul указана, а не для общего у вас. li с флоатом - бред, каждый раз будет применятсо флоат, тем сама переносить на одну строчку вниз. Сброс спасет, но это не кросбраузерно и не верно.