Как да махна гадните точки

lucifercho

Registered
Как да махна тези гадни точки??
2862112t.jpg

Index.html

Код:
<html>
<head>
<title>Menu</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<ul class="menu">
<li><a href="#">Начало</a></li>
<li><a href="#">Ресурси</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
<li><a href="#">Профил</a></li>
<li><a href="#">Contact us</a></li>
</ul>

</body>
</html>

CSS code
Код:
ul .menu
{
list-style-type: none;
}
menu.li
{
list-style-type:none;float:left;text-align:center;line-height:45px;height:45px;background:url('img/back.jpg')repeat-x;color:#ffffff;
}
.menu li a, a:active, a:visited{padding-left:20px;padding-right:20px;border-right:1px solid #adadad;float:left;text-align:center;line-height:45px;height:45px;background:url('img/back.jpg')repeat-x;color:#ffffff;}
.menu li a, a:active, a:visited{color:#ffffff;text-decoration:none;font-size:18px;}
.menu li a:hover{float:left;text-align:center;background:url(img/hover.png);}
 
lucifercho каза:
Как да махна тези гадни точки??
CSS code
ul .menu
{
list-style-type: none;
}
menu.li
{
list-style:none;float:left;text-align:center;line-height:45px;height:45px;background:url('img/back.jpg')repeat-x;color:#ffffff;
}
.menu li a, a:active, a:visited{padding-left:20px;padding-right:20px;border-right:1px solid #adadad;float:left;text-align:center;line-height:45px;height:45px;background:url('img/back.jpg')repeat-x;color:#ffffff;}
.menu li a, a:active, a:visited{color:#ffffff;text-decoration:none;font-size:18px;}
.menu li a:hover{float:left;text-align:center;background:url(img/hover.png);}
[/quote]
 
Погледни тази статия и сам ще разбереш защо кода от първия пост не ти работи

ul .menu { list-style-type: none; }

се отнася за някой дъщерен елемент на ul, който дъщерен елемент има клас menu.

Т.е за нещо такова:

<ul>
<li class="menu">1</li>
<li>2</li>
<li>3</li>
</ul>

Иначе и само

list-style: none; си върши идеална работа :)
 

Back
Горе