1 reply [Last post]
samf
samf's picture
Offline
Enthusiast
Los Angeles, CA
Last seen: 8 years 36 weeks ago
Los Angeles, CA
Timezone: GMT-5
Joined: 2003-09-29
Posts: 106
Points: 34

the url is:

http://sys.relatebase.com/cl/frbnb/index_fail1.htm

firefox is padding the bottom of the images (not the sides), and I can't seem to stop it.

so you know, the external stylesheet url referenced doesn't have any css - only what you see on this page.

Thanks,
Sam

Life is complex -- don't make it complicated. If you need help with PHP visit PHP Builder

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's because you're inlining

It's because you're inlining images, set img to display block and the gap on the content graphic closes, of course this makes a mess of the header links as you need them inline.

This really isn't the way to set up a layout, all decorative images should be set as backgrounds not foreground and your links should be a ul list with the graphics placed on the ul/li/a elements then you can use text along with sliced graphics that will expand with text re-sizing and all is nice and semantic.
Try looking for one of the guides such as sliding doors, although you don't need to take it to that level of complexity if the widths are fixed you can probably just place your graphics on the list element with matching background to fill in size increase.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me