User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 391,912 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,666 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 2893 | Replies: 13
Reply
Join Date: Jan 2007
Posts: 12
Reputation: defeated is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
defeated defeated is offline Offline
Newbie Poster

Question Firefox leaves space with images

  #1  
Jan 2nd, 2007
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
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Oct 2006
Location: India
Posts: 1,289
Reputation: vishesh is on a distinguished road 
Rep Power: 4
Solved Threads: 32
vishesh's Avatar
vishesh vishesh is offline Offline
Nearly a Posting Virtuoso

Re: Firefox leaves space with images

  #2  
Jan 3rd, 2007
Have you tried putting padding, margin and all to 0.
Reply With Quote  
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,141
Reputation: roryt will become famous soon enough roryt will become famous soon enough 
Rep Power: 6
Solved Threads: 9
roryt's Avatar
roryt roryt is offline Offline
Veteran Poster

Re: Firefox leaves space with images

  #3  
Jan 3rd, 2007
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

  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.
Last edited by roryt : Jan 3rd, 2007 at 3:15 am.
Attached Images
File Type: jpg screenshot_ff.jpg (19.1 KB, 9 views)
Reply With Quote  
Join Date: Jan 2007
Posts: 12
Reputation: defeated is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
defeated defeated is offline Offline
Newbie Poster

Re: Firefox leaves space with images

  #4  
Jan 3rd, 2007
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
Reply With Quote  
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,141
Reputation: roryt will become famous soon enough roryt will become famous soon enough 
Rep Power: 6
Solved Threads: 9
roryt's Avatar
roryt roryt is offline Offline
Veteran Poster

Re: Firefox leaves space with images

  #5  
Jan 3rd, 2007
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.
Reply With Quote  
Join Date: Jan 2007
Posts: 12
Reputation: defeated is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
defeated defeated is offline Offline
Newbie Poster

Re: Firefox leaves space with images

  #6  
Jan 3rd, 2007
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
Reply With Quote  
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,141
Reputation: roryt will become famous soon enough roryt will become famous soon enough 
Rep Power: 6
Solved Threads: 9
roryt's Avatar
roryt roryt is offline Offline
Veteran Poster

Re: Firefox leaves space with images

  #7  
Jan 3rd, 2007
You may need to set all the margins and padding and borders of the main content as well. This may help.
Reply With Quote  
Join Date: Jan 2007
Posts: 12
Reputation: defeated is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
defeated defeated is offline Offline
Newbie Poster

Re: Firefox leaves space with images

  #8  
Jan 4th, 2007
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
Reply With Quote  
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,141
Reputation: roryt will become famous soon enough roryt will become famous soon enough 
Rep Power: 6
Solved Threads: 9
roryt's Avatar
roryt roryt is offline Offline
Veteran Poster

Re: Firefox leaves space with images

  #9  
Jan 4th, 2007
no every image should be like this
  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 7:21 am.
Reply With Quote  
Join Date: Jan 2007
Posts: 12
Reputation: defeated is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
defeated defeated is offline Offline
Newbie Poster

Re: Firefox leaves space with images

  #10  
Jan 5th, 2007
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.
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

DaniWeb HTML and CSS Marketplace
Thread Tools Display Modes

Other Threads in the HTML and CSS Forum

All times are GMT -4. The time now is 7:52 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC