3 replies [Last post]
mattrd
mattrd's picture
Offline
Regular
Pennsylvania
Last seen: 7 years 13 weeks ago
Pennsylvania
Timezone: GMT-4
Joined: 2007-01-23
Posts: 37
Points: 9

I have used this before and it worked fine, I don't know why it's not working now. I checked other sites I've done and I don't notice a difference in my css code. Can someone help me why padding isn't showing up on my links in ie?? the page is here. http://www.matthewrdaniels.com/beyond/emphome.html

the html and css are as followed:

  • Create Account
  • Beyond.com Network

#top_content_buttons { position:relative; left:100px; }

#top_content_buttons ul li {
float:left;
margin:15px 0px 0px 15px;
}

#top_content_buttons ul li a {
padding:8px 8px 8px 8px;
color:#fff;
text-decoration:none;
background:url('../images/button_bg_red.gif') repeat-x;
height:30px;
}

Can someone please shed some light on this problem? Thank you.

mattrd
mattrd's picture
Offline
Regular
Pennsylvania
Last seen: 7 years 13 weeks ago
Pennsylvania
Timezone: GMT-4
Joined: 2007-01-23
Posts: 37
Points: 9

okay i gave the links a line

okay if I give the links a line height of 30 pixels it seems to fix the problem. but i never had to do this before. Is there another solution that I perhaps overlooked? :?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 7 hours 48 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

Were your <a>s set to block?

Were your <a>s set to block? An inline element doesn't have top and bottom padding or margins. (Though IE gets it wrong)

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

mattrd
mattrd's picture
Offline
Regular
Pennsylvania
Last seen: 7 years 13 weeks ago
Pennsylvania
Timezone: GMT-4
Joined: 2007-01-23
Posts: 37
Points: 9

I set the display on the

I set the display on the anchors to block and it worked! Thank you!