07-09-2011, 03:24
(Ten post był ostatnio modyfikowany: 07-09-2011, 03:30 przez Kartofelek.)
zle zle zle.
1) ID jest unikalne. Może być 1 raz. Jeżeli stylujesz LI to A musisz złapać #menu_1 A
2) a#menu2 ????? zle. Jeżeli używasz ID, wtedy nie używasz tagów bo wolniej to działa. Użyj więc samego #menu2 - ale patrz pkt 1 - nie może być 2 takich samych elementów o tym samym ID
3) słyszał o tym, że każdy element może mieć kilka backgroundów? Niech poczyta, dzięki temu pozbędzie się jakiś ...separatorów
5) Teoretycznie boki mogą być ideowo jak u ciebie, ale na pewno nie tak jak zrobiłeś:
??? Gdzie jest otwarte LI? Czemu nagle div znajduje się w ul?
powinieneś mieć raczej ideowo tak:
boki jak to boki - są na bokach. Dajesz im absolute, left, right, odpowiednie wymiary i overflow:hidden. Lista ma pozycje relatywna i marginesy boczne o szerokości bocznych elementów. Dzięki temu wszystko z automatu ładnie się układa a i nie ma głupich dodatkowych LI:
A potem stylować
A najlepej jak użyjesz "selectizer" (patrz w google) i będziesz używał selektorów CSS3 takich jak nth-child(0), nth-child(1). Wtedy nie będziesz musiał używać żadnych ID
1) ID jest unikalne. Może być 1 raz. Jeżeli stylujesz LI to A musisz złapać #menu_1 A
2) a#menu2 ????? zle. Jeżeli używasz ID, wtedy nie używasz tagów bo wolniej to działa. Użyj więc samego #menu2 - ale patrz pkt 1 - nie może być 2 takich samych elementów o tym samym ID
3) słyszał o tym, że każdy element może mieć kilka backgroundów? Niech poczyta, dzięki temu pozbędzie się jakiś ...separatorów
5) Teoretycznie boki mogą być ideowo jak u ciebie, ale na pewno nie tak jak zrobiłeś:
Kod:
<li id="menu3"><a href="#" id="menu3" ></a></li>
<div id="menuRight"></div></a></li>powinieneś mieć raczej ideowo tak:
boki jak to boki - są na bokach. Dajesz im absolute, left, right, odpowiednie wymiary i overflow:hidden. Lista ma pozycje relatywna i marginesy boczne o szerokości bocznych elementów. Dzięki temu wszystko z automatu ładnie się układa a i nie ma głupich dodatkowych LI:
Kod:
<div#menu>
<span#lewo></span>
<ul>....</ul>
<span#prawo></span>
</div>A potem stylować
Kod:
#menu {height:....; padding:0 ....; position:relative;}
#menu span {position:absolute; left:0; top:0; display:block; width:px; height:px; background.......}
#menu span:first-child {position:absolute; left:0; top:0; display:block; width:px; height:px; background.......}
#menu ul {.....}
#menu ul li {....}
#menu ul li a {display:block; width:100%; height:.....; background:url(....) center center;}A najlepej jak użyjesz "selectizer" (patrz w google) i będziesz używał selektorów CSS3 takich jak nth-child(0), nth-child(1). Wtedy nie będziesz musiał używać żadnych ID
