+- 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: Menu poziome (/thread-menu-poziome--7475)
Menu poziome - pawstrze - 13-08-2011
Witam.
Tworzę sobie taką stronę:
www.creatingsites.cba.pl
Mam problem z poziomym menu. Jest sobie lista <ul><li> i jej tłem jest grafika.
Chodzi o to, że element <li> jest za szeroki i wszystkie pozycje mają za duży margines... Nie mam zielonego pojęcia co jest problemem, więc proszę o pomoc...
Z góry wielkie dzięki,
pawstrze
RE: Menu poziome - Kartofelek - 13-08-2011
Kolega niech poczyta sobie o "box model" i czemu padding powiększa szerokość elementu. Niech poczyta też czemu zamiast padding stosujemy margin.
RE: Menu poziome - pawstrze - 13-08-2011
OK, a co mam zrobić, aby napis znalazł się niżej? Kombinuje i nic:/
pawstrze
P.S Widzę, że tysięczny post
Gratulacje ;-)
RE: Menu poziome - zacharij - 13-08-2011
Dodajesz padding-top i ujmujesz z height tyle ile dodałeś paddingu.
RE: Menu poziome - pawstrze - 13-08-2011
Robiłem tak, ale wydawało mi się, że niezbyt to estetyczne
Ale być może muszę jeszcze sporo poczytać o całym tym box-modeluJakieś publikacje polecacie
?
RE: Menu poziome - zacharij - 13-08-2011
(13-08-2011, 03:24)pawstrze napisał(a): Robiłem tak, ale wydawało mi się, że niezbyt to estetyczne
Jakieś publikacje polecacie
Jeśli to rozwiązanie Ci nie pasuje to możesz zrobić to samo za pomocą line-height, ustawiasz wartość jaka Ci pasuje i gra.
RE: Menu poziome - Raalsky - 13-08-2011
...Bądź dla elementu potomnego - w tym wypadku dla elementu <span> nadać odpowiednie marginesy - wystarczy zastosować margin-top.