Menu poziome

[pawstrze]

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

[Kartofelek]

Kolega niech poczyta sobie o "box model" i czemu padding powiększa szerokość elementu. Niech poczyta też czemu zamiast padding stosujemy margin.

[pawstrze]

OK, a co mam zrobić, aby napis znalazł się niżej? Kombinuje i nic:/

pawstrze

P.S Widzę, że tysięczny post Gratulacje ;-)

[zacharij]

Dodajesz padding-top i ujmujesz z height tyle ile dodałeś paddingu.

[pawstrze]

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-modelu

Jakieś publikacje polecacie?

[zacharij]

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-modelu

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.

[Raalsky]

...Bądź dla elementu potomnego - w tym wypadku dla elementu <span> nadać odpowiednie marginesy - wystarczy zastosować margin-top.