Помощ с едно меню

[lucifercho]

Направих ето това меню,как,като го кодирам да оставя такова голямо разстояние между линковете?

 

[Montez]

нарейи го аз мога да ти го кодирам

 

[Fakeheal]

Ползвай неподредени листове.

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

и като float: left; на <li>. после задаваш width на <li>,a i na <ul> махаш list-style-type: none;. Може и пак на <li> да сложиш text-decoration: center;

 

[kriss]

ето ти го, малко по-различно

<html>
<head>
<style>
ul .menu{list-style-type: none;}
.menu li{list-style-type: none;float:left;text-align:center;line-height:50px;height:50px;background:url('hover.png')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:50px;height:50px;background:url('hover.png')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:#7a7a7a;color:#ffffff;}
.menu li.first{background:url('left.png')no-repeat;width:12px;border-right:1px solid #adadad;}
.menu li.last{background:url('right.png')no-repeat;width:12px;border:0px;}
</style>
</head>
<body>
<ul class="menu">
<li class="first"></li>
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact us</a></li>
<li class="last"></li>
</ul>
</body>
</html>

и картинките: цък

 

[kikity_94]

по темата ти за разстояние мебду линкове ползвай padding-left and padding-right за да остави разстояние . Незнам дали е добра практика, но лично аз така правя. Както незнам дали е добра практика и ако греша и аз нека някой п разбиращ от мене да ме поправи