Nova Сообщение 27/06/2009 06:24 Копия темы
UL-LI меню..  .
Есть ли нормальные способы сделать обычное меню, вида:
< ul>
< li>Link 1
< li>Link 2
< li>Link 3
< /ul>

Учитывая что li -> float: left;
т.е. надо горизонтальное меню.
Но чтобы оно было на всю ширину width: 100%;
А LI-> себя вели как TD у таблицы, ширину сами делят в зависемости от контента в них. (если ссылки по длине разные)

DiDen Сообщение 27/06/2009 06:41 Копия темы
 .
насколько я помню, перемещаемым элементам (те, которые флоат) надо задавать ширину явно, иначе они ширину свою определяют черте как.

Nova Сообщение 27/06/2009 06:42 Копия темы
 .
Это да, вся проблема в float.
Просто любоптен сам факт, как можно этого результата добиться. Без таблицы.

DiDen Сообщение 27/06/2009 06:46 Копия темы
 .
в жумле меню делаете? ;)
единственное, что приходит на ум, задать ширину li в процентах. Чтобы они всегда заполняли экран на 100%.

Nova Сообщение 27/06/2009 06:48 Копия темы
 .
Не, просто сайт верстал, обычно такое делал просто табличкой (т.к. ссылки могут быть на разных языках, и в ширину могут быть разные, поэтому для каждой LI задавать свой % ширину не выход), стало любопытно, можно ли без JS такое сделать :)

DiDen Сообщение 27/06/2009 06:53 Копия темы
 .
ну в любом случае, элементы должны иметь явно заданную ширину, да и пространсва между ними не будет, так как все элементы будут смещаться как можно левее. Поэтому думаю, что так не получится.. Без JS не получится.

xadminx Сообщение 27/06/2009 07:09 Копия темы
 .
ul { 100% }
li { Y% }
где Y = 100/(кол. пунктов мею)

Nova Сообщение 27/06/2009 07:14 Копия темы
 .
Ну скажем 5 пунктов, ага 20%.. это понятно, а если в эти 20% не влазиет ссылка? получается она становиться в 2 строки.
а надо чтобы если не влазиет другие ЖМУТЬСЯ, а эта расширяется, поэтому задавать в процентах не подходит. в этом вся загвоздка.

Garovsky Сообщение 27/06/2009 08:01 Копия темы
 .
>А LI-> себя вели как TD у таблицы

nfcrazy Сообщение 27/06/2009 10:10 Копия темы
 .
Можно попробовать {display:table-cell;} правда, в IE оно не работает.
(может даст результат, но не гарантирую – давно этой фичей не пользовался).

Nova Сообщение 27/06/2009 10:19 Копия темы
 .
Не работает) пробывал

uggallery Сообщение 27/06/2009 10:44 Копия темы
 .
Если у вас чисто теоретический интерес, то зачем спрашивать? Гораздо интереснее найти ответ самому. Если практический интерес, то единственный способ заставить элементы всегда вести себя по-табличному – это использовать таблицу. В общем, ответа на ваш вопрос не существует.

Nova Сообщение 27/06/2009 10:50 Копия темы
 .
Я бы наверно не спрашивал, если бы сам даже не попытался решить эту задачу.

Nova Сообщение 27/06/2009 10:51 Копия темы
 .
Я бы наверно не спрашивал, если бы сам даже не попытался решить эту задачу.

webmaker Сообщение 28/06/2009 14:35 Копия темы
 .
Есть готовый скрипт JS чтобы решить эту проблему? Недавно тоже страдал по этому поводу)

Nova Сообщение 28/06/2009 14:40 Копия темы
 .
Спасибо, но JS решение я и сам могу сделать, мне было именно любопытно средствами CSS :)

webmaker Сообщение 28/06/2009 16:42 Копия темы
 .
это было не утверждение, а вопрос=). Я Вас хотел спросить где такой скрипт достать)

Nova Сообщение 28/06/2009 16:52 Копия темы
 .
ААа, честно не знаю именно такой скрипт не встречал, но сложности тут не вижу, от ширины определят процентно ширину элемента?

webmaker Сообщение 28/06/2009 17:28 Копия темы
 .
Без знания JS, наверное, эту проблему трудно решить. Я пока так и не решил)

pinal Сообщение 28/06/2009 23:10 Копия темы
ul li {display:inline;}  .
все остальное ваши выдумки =)