Виктор А.
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 практически никак не позиционируется.

И зачем тут нужна таблица?
Ohshit A.
12 сообщений
#17 лет назад
А где собственно селектор для элементов списка? Sir_Michael правильно сказал, задай margin:0; padding:0; для элементов списка.
Виктор А.
10 сообщений
#17 лет назад
Спасибо Вам человеческое. Все сделал.
list-stylом научили пользоваться на htmlbook.ru
Таблица тут впринципе нафиг не нужна, но это так - лирика.
з.ы. маклячить - просто забавное слово и я люблю его употреблять
еще раз спасибо
Team Zodios
75 сообщений
#17 лет назад
Советую использовать ресеты для цсс, если погуглите сможете найти ресеты разных авторов, а лучше всего написать свой ресет.