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:black; 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; }
0x
Když dáte i relevantní část html (nebo vytvoříte jsfiddle nebo podobně..), tak vám to někdo určitě opraví. Nebo odkaz.
Menu je zřejmě vodorovně, chcete mít kolem všech položek stejně místa (padding pro a už máte), nebo je chcete rozmístit rovnoměrně na šířku stránky? Bude jich vždy stejný počet?
Ve druhém případě bych se s tím nepáral a - jak je sám nesnáším - bych tam dal tabulku. Pro blokové prvky (ať už li, nebo divy) a proměnný počet prvků existuje řešení jen s využitím hacků nebo css3, ani jedno z nich není prakticky použitelné.
0x
Chtělo by to zaslat odkaz na ukázku, nebo alespoň jaký to menu generuje HTML kód a co přesně je řazeno chybně vlevo (jeslti jde o obrázek položky v menu, nebo textový odkaz).
Pokud je to klasický text, zkusil bych přidat
#cssmenu li {
text-align: center;
display:block;
float:left;
margin:0;
padding:0;
}
0x
#cssmenu ul, #cssmenu li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; text-align: center; } Případněpřířaďte i nadřazenému bloku text-align: center;
Kluci děkuji Vám moc za odpovědi, ale bohužel mi to nefunguje 
. V menu bude několik odkazů, ale jsou nalepené na levou stranu. Potřebuji aby byly uprostřed a nalevo a napravo bylo místo stajné. Mrknete mi prosím někdo na to? Jste super dík
V tomhle případě jde o problém, který popisuje dzordz,
Pokud bude menu pevně dané, dá se to teoreticky upravit přes padding u :
#cssmenu li a{
display:block;
float:left;
color:black;
text-decoration:none;
font-weight:bold;
padding:12px 43px 0 44px;
height:24px;
background:transparent url('images/DIVIDER.gif' no-repeat top right;
}
je to ale nedobré řešení, při každé změně textu v položce se to rozhodí - pokud bude pořád stejný počet položek v menu byla by pak možnost nastavit pevnou šířku prvku :
#cssmenu li a {background: url("images/DIVIDER.gif") no-repeat scroll right top transparent;
color: black;
display: block;
float: left;
font-weight: bold;
height: 24px;
padding: 12px 20px 0;
text-decoration: none;
width: 100px;
}
Neneseme odpovědnost za správnost informací a za škodu vzniklou jejich využitím. Jednotlivé odpovědi vyjadřují názory jejich autorů a nemusí se shodovat s názorem provozovatele poradny Poradte.cz.
Používáním poradny vyjadřujete souhlas s personifikovanou reklamou, která pomáhá financovat tento server, děkujeme.