Помогите с CSS
10 сообщений
#17 лет назад

Я начинающий и возникла такая проблемка при верстке.
Вот дизайн ссылка
Для того, чтобы сделать меню я намаклячил такой хтмл:
Цитата:
<table width="320" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="mainmenu" align="left">
<ul>
<li><a href="" >cведения о компании</a></li>
<li><a href="" >cправочники</a></li>
<li><a href="" >администратор</a>
<li><a href="" >менеджеры</a>
<li><a href="" >автозамены</a></li>
<li><a href="">настройки загрузки СПО</a></li>
<li><a href="">настройки публикации СПО</a></li>
<li><a href="">профиль работы ТурОператора</a></li>
<li><a href="">настройки бронирования туров</a></li>
<li><a href="">загрузка туров</a></li>
<li><a href="">список СПО</a></li>
<li><a href="">сравнение СПО</a></li>
</ul>
</td>
</tr>
</table>
И вот такой CSS для этого дела:
Цитата:
.mainmenu{
list-style-image:url(grafiks/line.gif);
padding:0px;
list-style-position:outside;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
list-style-type: none;
text-align:left;
}
UL {
padding: 0;
vertical-align:40%;
margin-left:2px;
}
В результате то, что на рисунке - все нормально только в ослике. Помогите плиз)
2195 сообщений
#17 лет назад
Html не маклячат, а пишут.Что касается отступов - обнулите margin и padding для ul и li, что тем или иным способом рекомендуется делать для каждого документа для большинства тегов, соответственно восстанавливая для контентной части.
Высоту строки для li лучше задать через line-height.
Для элементов списка маркер следует задавать не через list-style-*, а через background для li-элементов (в вашем случае допустимо и через border) и задать padding слева. Маркеры заданные через list-style практически никак не позиционируется.
И зачем тут нужна таблица?
12 сообщений
#17 лет назад
А где собственно селектор для элементов списка? Sir_Michael правильно сказал, задай margin:0; padding:0; для элементов списка.
10 сообщений
#17 лет назад
Спасибо Вам человеческое. Все сделал.list-stylом научили пользоваться на htmlbook.ru
Таблица тут впринципе нафиг не нужна, но это так - лирика.
з.ы. маклячить - просто забавное слово и я люблю его употреблять

еще раз спасибо