05-08-2010, 14:55
(Ten post był ostatnio modyfikowany: 05-08-2010, 15:03 przez Kartofelek.)
zle pocięte.
background dajesz na LI, dajesz mu float:left; wymiary 168x25 + jakis margines by je rozsunac.
A linki dajesz : display:block; width:100%; height:25px; text-align:center; i resztę bez tła.
Span nie jest potrzebny
I jeszcze jedno. Jeżeli wspierasz IE6, to zmień te png na gif. Szczególnie tyczy się to podkładu dla linków. Czemu? Google -> "png fix and link"
background dajesz na LI, dajesz mu float:left; wymiary 168x25 + jakis margines by je rozsunac.
A linki dajesz : display:block; width:100%; height:25px; text-align:center; i resztę bez tła.
Span nie jest potrzebny
Kod:
.menu { width: 960px; height: 35px; background: url(images/menu_gora.png) no-repeat top; }
.menu li { float:left; height: 25px; width: 168px; background: url(images/menu_przycisk.png) no-repeat left top;}
.menu li a { color: gray; text-decoration:none; display:block; width:168px; height:25px; text-align:center; line-height:25px;}
.menu li a:hover {text-decoration:none; }
I jeszcze jedno. Jeżeli wspierasz IE6, to zmień te png na gif. Szczególnie tyczy się to podkładu dla linków. Czemu? Google -> "png fix and link"