Вопрос по маркированным спискам

Petru44o · June 24, 2008

Здравствуйте.

Есть такой вот код:

<td colspan="2" class="nav">
 <ul>
 <li><a href="index.html" class="li">Главная</a></li>
 <li><a href="02.html" class="li">Ипотека</a></li>
 <li><a href="04.html" class="li">Документы</a></li>
 <li><a href="05.html" class="li">Информация</a></li>
 <li><a href="06.html" class="li">Контакты</a></li>
 </ul>
</td>

и стиль: 

td.nav {
width: 960px;
height: 47px;
text-align: center;
vertical-align: middle;
}

li {
list-style: disc url(separator.jpg);
padding-left: 20px;
padding-right: 20px;
display: inline;
}

a.li {
font-family: 'Times New Roman', Georgia, Times, serif;
font-size: 20px;
color: #3f92bf;
margin: 0 20 0 20;
}

Как и запланированно, отображается менюшка горизонтально, но почему-то не отображаются маркеры. Если убираю display: inline; маркеры появляются, но надписи выстраиваются вертикально.

В?рсткой занимаюсь недавно, так что... Подскажите пожалуйста, что не так. Буду очень признателен.

Иван Шумов · June 24, 2008

надо display:block; float:left я полагаю

Petru44o · June 24, 2008

надо display:block; float:left я полагаю

Добавил это к тэгу li, результат тот же - отображается по-горизонтали, но без маркеров

Azadi · July 19, 2008

Поставьте маркер фоновой картинкой к элементу списка и не мучайтесь.

Azadi · July 19, 2008

Но если хотите помучиться, то вот вам такой монстрик в помощь:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title></title>
<style type="text/css">
* {	
	padding:0;
	margin:0;
}
BODY {
	background: #FFF;
	font: .85em Arial,sans-serif;
}
ul.nav {
	overflow:hidden;
	height:1%;
}
.nav li {
	float:left;
	display:block;
}
.nav li a {
	display:list-item;
	list-style: disc url(separator.jpg);
	font-family:'Times New Roman', Georgia, Times, serif;
	font-size:20px;
	margin:0 20px;
	color:#3f92bf;
}
</style>
</head>

<body>
<ul class="nav">
	<li><a href="index.html">Главная</a></li>
	<li><a href="02.html">Ипотека</a></li>
	<li><a href="04.html">Документы</a></li>
	<li><a href="05.html">Информация</a></li>
	<li><a href="06.html">Контакты</a></li>
</ul>

</body>
</html>

Sign In

Вопрос по маркированным спискам

Question

Petru44o

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Иван Шумов

Link to comment

Share on other sites

Petru44o

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information