944,093 Members | Top Members by Rank

Ad:
You are currently viewing page 1 of this multi-page discussion thread
Jan 3rd, 2007
0

Firefox leaves space with images

Expand Post »
Hello
I have been creating some web sites using CSS lately and I think I almost have a grasp on it until I preview it in Firefox. The page looks the way I want it to in IE6 but Firefox always has spaces around images.

here are 2 web sites that I have the exact same issue with
any help would be great

http://www.nexicom.net/~melody10/lesley/events.html

the css for this site is here
http://www.nexicom.net/~melody10/lesley/mystyles.css


and

http://www.plexus2007.com/

the css is included in the source for this page


Thanks
Mark
Reputation Points: 10
Solved Threads: 0
Newbie Poster
defeated is offline Offline
12 posts
since Jan 2007
Jan 3rd, 2007
1

Re: Firefox leaves space with images

Have you tried putting padding, margin and all to 0.
Reputation Points: 85
Solved Threads: 42
Nearly a Posting Virtuoso
vishesh is offline Offline
1,362 posts
since Oct 2006
Jan 3rd, 2007
0

Re: Firefox leaves space with images

When i look at your site in ff I can't see any problems, unless you want your text to be touching your images. I have attached as screen shot (poor quality but you get the point) of what your site looks like in the latest version of ff. But as vishesh said you could do something like

css Syntax (Toggle Plain Text)
  1. img {padding:0;
  2. margin:0;
  3. border:0;}


BTW.. Has anyone else noticed that alot of churches have really decent websites?


Also on plexus2007 you need to decrease the width of the header circle images or take one away because they are too wide for the rest of your content.
Attached Thumbnails
Click image for larger version

Name:	screenshot_ff.jpg
Views:	439
Size:	19.1 KB
ID:	2673  
Last edited by roryt; Jan 3rd, 2007 at 4:15 am.
Reputation Points: 178
Solved Threads: 15
Nearly a Posting Virtuoso
roryt is offline Offline
1,282 posts
since Oct 2005
Jan 3rd, 2007
0

Re: Firefox leaves space with images

Hey, Thanks a lot for the suggestions. I tried adding

img {padding:0;
margin:0;
border:0;
}
#container {
width : 780px;
height : auto;
margin-right : auto;
margin-left : auto;
padding:0;
margin:0;
border:0;
}
#cantainer img {
padding:0;
margin:0;
border:0;
}

but it still has the breaks.
all those white lines in the screen shot around the nav are not suppose to be there, as well there is a break in the tower. if you view it in IE those white lines are not there and the tower doesn't have a break in it. any other suggestion, I really appreciate the help.
Mark
Reputation Points: 10
Solved Threads: 0
Newbie Poster
defeated is offline Offline
12 posts
since Jan 2007
Jan 3rd, 2007
0

Re: Firefox leaves space with images

You may want to set the height of all of your image containers. I am not sure whether it will fix it but its worth a try.
Reputation Points: 178
Solved Threads: 15
Nearly a Posting Virtuoso
roryt is offline Offline
1,282 posts
since Oct 2005
Jan 3rd, 2007
0

Re: Firefox leaves space with images

Hey, thanks, that took one of the spaces away but not all of them, I only had a chance to try it on the http://www.nexicom.net/~melody10/lesley/index.html so i'll see what it does with the other one...also, the site isn't centered in firefox...Thanks again for all your help
Reputation Points: 10
Solved Threads: 0
Newbie Poster
defeated is offline Offline
12 posts
since Jan 2007
Jan 3rd, 2007
0

Re: Firefox leaves space with images

You may need to set all the margins and padding and borders of the main content as well. This may help.
Reputation Points: 178
Solved Threads: 15
Nearly a Posting Virtuoso
roryt is offline Offline
1,282 posts
since Oct 2005
Jan 4th, 2007
0

Re: Firefox leaves space with images

I set every image to have
hspace="0" vspace="0" border="0" is that what I was suppose to do?
sorry, im still kind of new to some of this.
once again though, I can't thank you enough for the help
Reputation Points: 10
Solved Threads: 0
Newbie Poster
defeated is offline Offline
12 posts
since Jan 2007
Jan 4th, 2007
1

Re: Firefox leaves space with images

no every image should be like this
css Syntax (Toggle Plain Text)
  1. img {
  2. padding: 0;
  3. margin: 0;
  4. border: 0;
  5. }

You then need to set each images height and width. You also need to set the border, margin of all of your content to 0 if you don't want any. You may want to check your html to make sure there is no formatting in it.

(if you like the help why not give my rep a tickle )
Last edited by roryt; Jan 4th, 2007 at 8:21 am.
Reputation Points: 178
Solved Threads: 15
Nearly a Posting Virtuoso
roryt is offline Offline
1,282 posts
since Oct 2005
Jan 5th, 2007
0

Re: Firefox leaves space with images

I tried that, I completely cleaned up the css and html and validated it with no errors or warnings...and I still can't figure out why it's not centered as well.

I did change the background colours and the space just above the content if a sace between the nav and the content so it's showing the container. the spaces in the nav itself is the nav background (if that makes sense.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
defeated is offline Offline
12 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Css help for a newbie -- HELP !!
Next Thread in HTML and CSS Forum Timeline: i have some prb any one help me





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC