images won't align in IE
Sent by Christopher Blake on 5 July 2007 19:07
Here is an image of what it looks like in IE:
Here is an image of what it should be looking like (safari!!)
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:
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.
On 5 Jul 2007, at 18:41, Jukka K. Korpela wrote:
> On Thu, 5 Jul 2007, Christopher Blake wrote:
>> 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:
>> 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
> 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-REMOVED]]
> 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/
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/