Вид для печати
Пытаюсь сделать ровное горизонтальное меню. Т.е. с равными промежутками между словами-ссылками. Но получается, что либо последние пункты переносятся на вторую строчку (в одних браузерах), либо меню болтается посередине экрана, а по бокам - большие пустоты. Как сделать его "резиновым"?
сложно ответить на вопрос, в чем у вас ошибка, из-зи нехватки данных.. вы лучше приведите пример кода со скриншотами.. тогда можно будет дать более дельный совет
Ну, что-то вроде
Код:<table border="0" cellspacing="0" background="iltop.gif">
<tr align="center" valign="center" >
<td>
<font size="+1" face="Arial">
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
</font>
</td>
</tr>
</table>
нужен скриншот, чтобы посмотреть, как у вас получилось
+ коммент о том, как дожно быть
P.S. Зачем вы используете таблицы не для табличных данных? [Only registered and activated users can see links. Click Here To Register...] Это все можно сделать гораздо проще, если использовать списки + css + HTML-код уменьшился бы, примено, в 2 раза.. В общем, давайте скринщот с комментами и я вам подскажу, что знаю..
То, что сейчас - во вложении. Я бы хотел что-то примерно то же самое, но чтобы пункты меню располагались на одинаковом расстоянии друг от друга + примерно на таком же (или половина от такого же) расстоянии от краёв. И чтобы так было при любом разрешении, на любом мониторе, в любом браузере (кроме, может быть, текстовых). Вот!
я прикрепил файл с кодом + фоновую картинку
фактически, код меню такое:
ну, что проще и понятнее? [Only registered and activated users can see links. Click Here To Register...]Код:****<div id="menu-car">
*
- *****
- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*****- [Only registered and activated users can see links. Click Here To Register...]
*
****</div>
Да, проще. Спасибо! А как их всё-таки "растащить" равномерно в ширину экрана?
хм, можно попробовать так:Цитата:
А как их всё-таки "растащить" равномерно в ширину экрана?
html:
css:Код:****<div id="menu">
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...] *
****</div>
если вам надо более точно подогнать, тогда вместо em напишите %Код:#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;
}
должен заметить, для того, чтобы все было тип-топ в ие5.х нужны доп. телодвижения.. лень все расписывать..
P.S. если есть другие способы, пишите, господа.. мне и самому интересно.. [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by garA@Mar 13 2007, 17:28
P.S. если есть другие способы, пишите, господа.. мне и самому интересно..* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Да все верно. Комментарии излишни. ))
Возможны только небольшие вариации, но они несущественны... [Only registered and activated users can see links. Click Here To Register...]
Можно только min-width добавить для body. Чтобы пункты не переносились на вторую строку при критическом уменьшении окна браузера...
Объясните какие правила я нарушил при описание стиля CSS, почему не работают некоторые параметры .razdel (font-size, border, font-family) и li.endmenu (border). Код в прикреплённом файле.
Потому что один из ключевых принципов каскадности гласит: стили для более специфичного контекста, имеют больший приоритет, чем стили для менее специфичного контекста...
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. Христос в этом тебе не поможет.)