Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers ForumsOther TechnologiesClient Side Things

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
  #1  
Old December 9th, 2003, 09:38 PM
ResNet9 ResNet9 is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 101 ResNet9 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to ResNet9
"img"'s in mozilla 1.4 and ie 6

Does anyone know the different ways that the latest versions of ie and mozilla handle images. Unfortunately I'm working on a development server so I can't show my example. However I'm putting multiple images in div's. In mozilla the images are seemless, like they should be with a border, margin, padding of 0. In ie though there is a 5 pixel or so gap. Any help would be appreciated.

Reply With Quote
  #2  
Old December 9th, 2003, 10:58 PM
bluephoenix's Avatar
bluephoenix bluephoenix is offline
Levelheaded Curmudgeon
Codewalkers Novice (500 - 999 posts)
 
Join Date: Apr 2007
Location: Syracuse, NY
Posts: 507 bluephoenix User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 13 m 2 sec
Reputation Power: 2
Send a message via AIM to bluephoenix
RE:

I ran across this a while ago, and my solution was with stylesheets. I know there's probably a million ways to solve the problem and mine might be the least effective, but I hope you'll be able to get pointed in the right direction with the following:

Try setting the images' margins and padding to 0px; if that doesn't help, try using negitive values to force the images over... for example div > img {margin: -1.5em;}

As a general rule of thumb, I start my stylesheets wih * {margin: 0cm; padding: 0cm;} so that I'm starting from a "clean slate."

Best of luck,

-Tim

Reply With Quote
  #3  
Old December 10th, 2003, 02:06 AM
ResNet9 ResNet9 is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 101 ResNet9 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to ResNet9
RE:

Thanks for the help. Started with 0 values for all of the attributes in the style sheet and there will still gaps. I'll give the negative values a try tomorrow.

I wish there was an easy way to tell the differences on how the different browsers interperate the attributes. I have seen pages that show what they support, but there are certain things that they both seem to do, only differently. Argh, very frustrating. Thank you for the suggestion.

Reply With Quote
  #4  
Old December 10th, 2003, 12:15 PM
honcho's Avatar
honcho honcho is offline
Contributing User
Codewalkers Beginner (1000 - 1499 posts)
 
Join Date: Apr 2007
Location: Cape Cod
Posts: 1,347 honcho User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 52 m 2 sec
Reputation Power: 3
RE:

You might be seeing breaks due to whitespace between your image tags. I believe different browsers handle this differently depending on your DOCTYPE too. Try removing all the whitespcae (spaces, tabs, newlines, etc.) from between the images.

Reply With Quote
  #5  
Old December 10th, 2003, 04:11 PM
bluephoenix's Avatar
bluephoenix bluephoenix is offline
Levelheaded Curmudgeon
Codewalkers Novice (500 - 999 posts)
 
Join Date: Apr 2007
Location: Syracuse, NY
Posts: 507 bluephoenix User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 13 m 2 sec
Reputation Power: 2
Send a message via AIM to bluephoenix
RE:

Quote:
You might be seeing breaks due to whitespace between your image tags. Try removing all the whitespcae from between the images.


Yes, this might work as well. Try something similar to <img src="foo.gif"><img src="bar.gif" > with no spacing inbetween the img tags.

-Tim

Reply With Quote
  #6  
Old December 10th, 2003, 09:19 PM
ResNet9 ResNet9 is offline
Codewalkers Newbie (0 - 499 posts)
 
Join Date: Apr 2007
Posts: 101 ResNet9 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
Send a message via AIM to ResNet9
RE:

I tried changing the whitespace but it didn't make a difference. I'm going to move the pages to a different server so everyone can view it and post the code. This is driving me nuts!!!

Reply With Quote
  #7  
Old December 12th, 2003, 02:42 AM
bluephoenix's Avatar
bluephoenix bluephoenix is offline
Levelheaded Curmudgeon
Codewalkers Novice (500 - 999 posts)
 
Join Date: Apr 2007
Location: Syracuse, NY
Posts: 507 bluephoenix User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 13 m 2 sec
Reputation Power: 2
Send a message via AIM to bluephoenix
RE:

Simply show us your markup; I'd be more than happy to take a look at it and see if I can help.

-Tim


Reply With Quote
Reply

Viewing: Codewalkers ForumsOther TechnologiesClient Side Things > "img"'s in mozilla 1.4 and ie 6


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway
Stay green...Green IT