Zapovnání MENU na střed , CSS
Mám menu a externí CSS, ale menu má položky natlačené nalevo, jak to udělat aby byli na středu?
#cssmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
background:transparent url('images/OFF.gif') repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
border-bottom:4px solid #004c99;
border-top:1px solid #74b0c6;
}
#cssmenu li{
display:block;
float:left;
margin:0;
padding:0;
}
#cssmenu li a{
display:block;
float:left;
color:#6d7078;
text-decoration:none;
font-weight:bold;
padding:12px 20px 0 20px;
height:24px;
background:transparent url('images/DIVIDER.gif') no-repeat top right;
}
#cssmenu li a:hover{
background:transparent url('images/HOVER.gif') no-repeat top right;
}
skoušel jsem float:center, ale to nebunguje.Dík
text-align:center;
text je ve středu, je to takovéto podobné menu, http://css.blbeckove.com/3.seznamy/3.priklady/1-3. horizontalni-menu-plny-blok-obrazek.html má položky namačkané vlevo, a já je potřebuji na středu.
float:center neexistuje, jen left, right, none.
buď zkusit text-align ale to podle mě neklapne, nebo vycentrovat nadřazený div.
jedine, co ma teda napada je:
.solidblockmenu{
margin: 0;
padding-left:250px; (odsadenie prisposob podla vzhladu na stred)
float: left;
font: bold 13px Arial;
width: 750px; (skus napevno nadefinovat sirku v pixeloch - variabilne podla padding-left)
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(1-3.img/blockdefault.gif) center center repeat-x;
}
Super dík, funguje to.