[html/css]y u no padding

http://forum.ragezone.com/attachment...1&d=1321598049

html pastebin
css pastebin

when div is used, padding is fine. what da fuck
vertical (top/bottom) padding for every a element is fucked, what da heeal!?
but here it's just fine, wdf http://luna.p1x3.com/

:?:

Because <a> tag is inline element. Padding only works on block elements, be careful what css you use.

Try putting block display on #header a:

Code:

---

display: block;

---

That would work (but ONLY to show you how it works- not good practice), but you should actually put the padding on #header or put <a> inside <li> or <div> or <td> or something blocky- and pad that

and nice graphic!!

inline/block elements, n00b! learn your HTML :P

perfect example of a coder's paradise post btw, with the pic and all :)

Your background image take too many times to load. You should reduce the quality of it.

Quote:

---

Originally Posted by s-p-n

Because <a> tag is inline element. Padding only works on block elements, be careful what css you use.

Try putting block display on #header a:

Code:

---

display: block;

---

That would work (but ONLY to show you how it works- not good practice), but you should actually put the padding on #header or put <a> inside <li> or <div> or <td> or something blocky- and pad that

and nice graphic!!

---

padding works on inline elements, but only horizontally, not vertically..

Quote:

---

Originally Posted by foxx

padding works on inline elements, but only horizontally, not vertically..

---

Soo, if i use padding or margin when i've used "display: inline;"

It doesn't work? o_O

i got this problem atm when trying to use margin inside one div that has display: inline;

Quote:

---

Originally Posted by foxx

padding works on inline elements, but only horizontally, not vertically..

---

thanks for the correction :thumbup1:

Haha thanks everyone. Now n00b knows how to work with this shiet. :laugh:
Before I have been using float: left with padding and it always worked.
Works now as well, haha stupid noob xD

A bit off-topic question. Here I have a menu at the top with few links. I want those links to take all the space aka spread wide.

Manually it would be done like this: (menu width / number of links) - border/etc = width to fill menu bar.

Any shortcut?

Edit:
This space
http://forum.ragezone.com/attachment...1&d=1321657718

Quote:

---

Originally Posted by NubPro

Your background image take too many times to load. You should reduce the quality of it.

---

You mean it takes too long to load. Yes I know, this isnt going to be a final product anyway. Also it's kinda irrelevant :wink:

impossible without css3/js/fixed width on each anchor element

eg. you have 960 wrap, and 5 links, you give each 192px width