Горизонтальное меню

[Gleb]

Пытаюсь сделать ровное горизонтальное меню. Т.е. с равными промежутками между словами-ссылками. Но получается, что либо последние пункты переносятся на вторую строчку (в одних браузерах), либо меню болтается посередине экрана, а по бокам - большие пустоты. Как сделать его "резиновым"?

[garA]

сложно ответить на вопрос, в чем у вас ошибка, из-зи нехватки данных.. вы лучше приведите пример кода со скриншотами.. тогда можно будет дать более дельный совет

[Gleb]

Ну, что-то вроде

<table border="0" cellspacing="0" background="iltop.gif">
<tr align="center" valign="center" >
<td>
<font size="+1" face="Arial">
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
</font>
</td>
</tr>
</table>

[garA]

нужен скриншот, чтобы посмотреть, как у вас получилось
+ коммент о том, как дожно быть

P.S. Зачем вы используете таблицы не для табличных данных? Это все можно сделать гораздо проще, если использовать списки + css + HTML-код уменьшился бы, примено, в 2 раза.. В общем, давайте скринщот с комментами и я вам подскажу, что знаю..

[Gleb]

То, что сейчас - во вложении. Я бы хотел что-то примерно то же самое, но чтобы пункты меню располагались на одинаковом расстоянии друг от друга + примерно на таком же (или половина от такого же) расстоянии от краёв. И чтобы так было при любом разрешении, на любом мониторе, в любом браузере (кроме, может быть, текстовых). Вот!

[garA]

я прикрепил файл с кодом + фоновую картинку
фактически, код меню такое:

****<div id="menu-car">
 *
*****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
****</div>

ну, что проще и понятнее?

[Gleb]

Да, проще. Спасибо! А как их всё-таки "растащить" равномерно в ширину экрана?

[garA]

А как их всё-таки "растащить" равномерно в ширину экрана?

хм, можно попробовать так:
html:

****<div id="menu">
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[Только зарегистрированные пользователи могут видеть ссылки. ] *
****</div>

css:

#menu{
****background:#DDDDFA url(menu-bg.gif) repeat-x;
****text-align:center;
****height:30px;
****padding-top:10px;
}
#menu a{
****color:#221D9D;
****text-decoration:none;
****margin:0 1.7em;
}

если вам надо более точно подогнать, тогда вместо em напишите %
должен заметить, для того, чтобы все было тип-топ в ие5.х нужны доп. телодвижения.. лень все расписывать..

P.S. если есть другие способы, пишите, господа.. мне и самому интересно..

[Aykroyd]

Originally posted by garA@Mar 13 2007, 17:28
P.S. если есть другие способы, пишите, господа.. мне и самому интересно..*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Да все верно. Комментарии излишни. ))
Возможны только небольшие вариации, но они несущественны...

Можно только min-width добавить для body. Чтобы пункты не переносились на вторую строку при критическом уменьшении окна браузера...

[Рёга]

Объясните какие правила я нарушил при описание стиля CSS, почему не работают некоторые параметры .razdel (font-size, border, font-family) и li.endmenu (border). Код в прикреплённом файле.

[Aykroyd]

Потому что один из ключевых принципов каскадности гласит: стили для более специфичного контекста, имеют больший приоритет, чем стили для менее специфичного контекста...

li.razdel и li.endmenu определяют стилевые правила для любых <li class="razdel"> и <li class="endmenu"> в документе "вообще". А контекстное правило #left li "перебивает" вышеописанные инструкции, так как это более специфичный контекст...

P.S. Христа ради, пишите двойные кавычки вместо одинарных... Только не спрашивайте почему...

[Рёга]

Originally posted by Aykroyd@Jun 12 2007, 23:53
[b]P.S. Христа ради, пишите двойные кавычки вместо одинарных... Только не спрашивайте почему...

Чем плохи одинарные кавычки ? Или это из разряда "Типографические стандарты".
P.S. Христос в этом тебе не поможет.)