1-2px gap under images in suckerfish dropdown menu

Forum Moderators: not2easy

Message Too Old, No Replies

1-2px gap under images in suckerfish dropdown menu

suckerfish, images, gap, ie

ninzo78

3:34 am on Oct 14, 2007 (gmt 0)

I am very new to css, and am trying to create suckerfish dropdowns for a site I'm working on. My nav bar is made up of images and I've created the layout in a table. I'm getting a small gap under my nav bar that is screwing up my whole layout. Any suggestions? Here's a link to the page in progres.

< no personal links, please >

Thanks.

[edited by: tedster at 6:33 am (utc) on Oct. 14, 2007]

Marshall

3:56 am on Oct 14, 2007 (gmt 0)

ninzo78, welcome to WebmasterWorld.

Just an FYI: it is against TOS to post URL's.

I suggest reading this thread on choosing doctypes [webmasterworld.com]. I also suggest validating you HTML [validator.w3.org] and CSS [jigsaw.w3.org] to help find problems.

Also, any comment tags or "&amps;" inserted between the image and closing tag of your cell will cause space. And if the images are inserted in the cells rather than a background, I suggest not assigning heights to the cells. And if it is not in your css, add

img {
border: none;
margin: 0;
padding: 0;
}

For now, that is all I can suggest until your solve the other problems.

Marshall

[edited by: tedster at 6:35 am (utc) on Oct. 14, 2007]
[edit reason] remove site review [/edit]

tedster

6:37 am on Oct 14, 2007 (gmt 0)

That kind of gap problem is often the result of a quirks mode versus standards mode issue. As Marshall mentions, this is all about understanding the DTD (doctype). Here's a thread that might help:

Quirks Mode vs. Standards Mode - overview [webmasterworld.com]

ninzo78

7:09 pm on Oct 14, 2007 (gmt 0)

Ok, thanks for the input. I validated both the html and css files, changed the doctype, (I'm designing in Dreamweaver so it puts the doctype as transitional but didn't add the url), added the img element css, and am still getting that pesky gap after my navbar images. I've been through my code ad nauseum and cannot find a reason for it. Any more input is greatly appreciated. Thanks.
ninzo