Here is an image of what it looks like in IE: http://www.3pointdesign.com/stuff/itis.jpg Here is an image of what it should be looking like (safari!!) http://www.3pointdesign.com/stuff/shouldbe.jpeg
I don't mind the white (intended border whilst creating the images), I don't even mind if they have uneven gaps - what i want is for them to sit on the same row - like they do in the 2nd link. If anyone is prepared to help: http://www.3pointdesign.com/websites2.html http://www.3pointdesign.com/styles/mystyle.css This must be really easy and simple but I am confused. My posts don't seem to get answered and I can't play with css/code because I can't test in IE! Do I need a hack? Ihave never written one? Do I give up (not in my nature) do I learn a whole new way of css cos of IE - I seriously hope not! Please just help no matter how stupid it may seem - I am screwed and this problem has already cost me 2 days. Thanks Chris On 5 Jul 2007, at 18:41, Jukka K. Korpela wrote: > On Thu, 5 Jul 2007, Christopher Blake wrote: > >> http://www.3pointdesign.com/websites.html >> However the problem I encounter is that IE will not align the images >> side by side. > > I wonder whether it's actually _useful_ to make images appear side > by side > if they are clearly separate links. > >> So i simplified it and just added the images next to each other >> with a tiny amount of margin: >> http://www.3pointdesign.com/websites2.html >> No luck either =( > > As far as I can see, both IE and Firefox put gaps between the > images. This > is natural since the <img> elements have blanks (whitespace) > between them. > > If you have <img ...> <img ...>, then the space between the tags is > treated as character-level content, causing some spacing. It is not > possible to predict or override this effect in CSS with accuracy. > But if > you remove the spaces, <img ...><img ...>, you can then set the > spacing, > by setting padding and margin properties for the img elements. > (They are > usually zero by default, but there are exceptions, so to make > images sit > side by side, set them to zero explicitly.) > > -- > Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
