Witam, mam pytanie, próbowałem wczoraj z 2 godz szukać na to odpowiedzi, lecz nic nie skutkowało jak wyśrodkować takie menu, dałem link do obrazka, bo jak wstawię w to niepotrzebnie się przez to forum rozchodzi w bok:
http://img687.imageshack.us/img687/6712/screengfv.jpg
Bo po prostu nie chciałbym by te linki były po lewej, tylko na środku strony.
Poniżej kod style.css oraz index.html
//style.css
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:12px;
text-align: center;
background:url('../img/bg.png') repeat-x top center;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:2px solid #000;
margin:0;
padding:2;
}
ul.menu li {
display:block;
float:left;
text-align: center;
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#fff;
text-decoration:none;
text-align: center;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
ul.menu li a:hover,.current {
color:#FDFF7D;
text-align: center;
background:url('../img/bg.png') repeat-x top center;
text-decoration:none;
}
/*ul.menu .current a {
color:#fff;
font-weight:700;
text-align: center;
}*/
/*RED*/
ul.menu.red{
background-color:#DE3330;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}
//index.html
<link rel="stylesheet" type="text/css" href="style.css" />
<ul class="menu red">
<li class="current"><a href="link#" target="_self">Strona glowna</a></li>
<li><a href="link#" target="_self">Rejestracja</a></li>
<li><a href="link#" target="_self">O nas</a></li>
<li><a href="link#" target="_self">Mapa strony</a></li>
<li><a href="link#" target="_self">Kontakt</a></li>
</ul>