+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem tło (/thread-problem-tlo)
Strony:
1
2
RE: Problem tło - Kartofelek - 27-12-2010
Osobiście jeżeli robię takie menu, wolę dać stylować same li. Pewniejsza metoda. U ciebie li są inline, przez co niby są obok siebie, ale ja z takimi metodami miałem problemy.
Czyli u mnie było by tak:
kazde li ma klasę
Kod:
#awesome-menu {width: 1010px; margin: 0 auto; list-style: none;}
#awesome-menu LI {background.......; width; height; float:left}
#awesome-menu LI A {width:100%; height:.....; display:block; text-indent:-9999px;}
#awesome-menu LI.lmenu {background-position.....;}
#awesome-menu LI.glowna{background-position......;}
....
....Oczywiście można te style napisać nieco inaczej, ale tak ci będzie się łatwiej pisało. Spójrz na ten kod i przeanalizuj go dokladnie.
Osobiście uważam że moja metoda jest lepsza. Elementy block floatowane do lewej są lepiej ustawialne niż elementy inline (niestety nie poprę swojego odczucia żadnym linkiem, bo mi się teraz nie chce przeszukiwać muzgownicy)...
Content niech u ciebie też będzie miał clear both. Pewnie przyda ci się też overflow:hidden, lub wsadzenie do tego contentu na samym jego końcu elementu z clear:both; bo inaczej ci się tło nie będzie "rozciągać"