Spaces around images in Mozilla

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Here's an example of what I'm talking about:

http://www.meganjack.com/BelfryCottage/

I'm having this problem with other sites as well. Mozilla puts spaces around all the images and I don't want that. Now, I've read that this is because of mozilla's "improved" support of the CSS2 box model, and to remove it you just set your images to display: block. That isn't woring here because I don't want these imges to be treated as block elements (see how they're coded - not in individual table cells but just one after another with 's in between to simplify the coding). How can I fix this?

They have: 447 posts

Joined: Oct 1999

i'm not sure i see the problem (using mozilla/1.0) but have you tried specifying hspace=0 vspace=0 ?

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

remove the url from the HTML 4.01 transitional DOCTYPE. I think for the XHTML transitional, the same thing applies. I'm checking the code now.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

okay, you can set THOSE images to display: block; -- just put a condition in the CSS like this:

#navtd img {display: block; }

And add the id="navtd" to the correct td.

You may have to remove the .

It would be easier if you moved the background for that td to the CSS as well.

Busy's picture

He has: 6,151 posts

Joined: May 2001

NS7 is similar on mouseover buttons (has the gaps), top banner section is ok

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

NS7 was based on MOzilla so I tend to assume that it'll do the same things Smiling

I'll give that, Suzanne, thanks.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Worked this time Smiling

Now, if I could only figure out what was causing that empty strip on the right edge of that table cell in NS and mozilla...

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

I'm not 100% sure (looks like the live version wasn't updated?) but you may find luck in ditching all the white space within that td.

There is a missing opening (where the div font is set to 80%) that might be throwing things off as well.

I'd have to get into it and play around, I'm not seeing anything that jumps off the screen right this second.

Busy's picture

He has: 6,151 posts

Joined: May 2001

I had some time tonight so had a play with it, last thing I tried was removing the doc type tag and it fixes everything, the page as is (without fixing stuff mentioned, nor getting it to xhtml specs) will work with removal of doc type, even in NS7 Smiling

I've found mozilla 1.0 to be a little behind NS7 in way of displaying javascript, tables and some CSS

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

COuld be because it was based off mozilla 1.1

I know that page doesn't validate yet - it might not ever, I'm not sure. I had to go through hoops to get it to look right in all browsers so I might have to accept a couple of errors.

They have: 21 posts

Joined: Oct 2000

Quote: Originally posted by Busy
I've found mozilla 1.0 to be a little behind NS7 in way of displaying javascript, tables and some CSS

NS7 is based off of Mozilla 1.0.1. Nothing too significant was fixed, but a bunch of minor stuff was.

As a web developer, differences between Mozilla 1.0 and Netscape 7 should be minor to none.

Also, try the 1.1 branch of Mozilla. Everybody says it is faster than 1.0, but I've been using it for a long time, so I really can't compare.

Supermod @ CodingForums.com

Busy's picture

He has: 6,151 posts

Joined: May 2001

There isnt much to make it validate, a few "/" on image tags and link tag is all, so can make it validate real easy then just remove the doc tag and will be sweet as roses in all browers.

Thanks jkd and Megan for Mozilla info but I might have to uninstall mozilla, its interfering with NS to much, they seem to be trying to share profiles settings etc and its a mess and a real pain. plus no one needs 5 browsers Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.