ansaurus

Question

img problem in IE

Answer 1

A:

try a negative margin-top?

Brad 2010-09-14 19:08:29

that is what i intended to do but how can i check if the browser is only IE and only for IE do this negative margin-top?

Scorpion King 2010-09-14 19:11:32

@Scorpion Awww, better find out what the problem is and fix that instead. Can you post a live link?

Pekka 2010-09-14 19:13:12

i cannot provide a live link now but the code pretty much sums it up.

Scorpion King 2010-09-14 19:17:47

Answer 2

A:

The problem in IE is that after image1.png i can a white space in between and the next image

It could be that IE reserves space for the <map> element. Try placing the element elsewhere, it can be anywhere in the <body>.

Pekka 2010-09-14 19:08:42

I placed `<map>` just before the `</body>` line but still no change :(

Scorpion King 2010-09-14 19:10:49

@Scorpion what happens if you remove the map altogether?

Pekka 2010-09-14 19:17:36

i did that.. no use. the problem looks like is coming from div for image 2. i need to use this background image and the image needs to be repeated in y axis. CORRECTION: the problem is coming with `<img>` tag. I used 3 image tags, removed the divs, and for all the 3 i had blank spaces...?!?!?!?

Scorpion King 2010-09-14 19:22:20

@Scorpion please show the full code. What does it say in "have some code here"?

Pekka 2010-09-14 19:23:12

@Scorpion try what @Ope says (I can't imagine that is the problem, but it sounds sensible.) if that doesn't work, you'll have to show a live example

Pekka 2010-09-14 19:28:12

Answer 3

A:

Your IMG is an inline element and is implicitly inside a block. This block also contains some "text": the whitespace before the the DIV. Default vertical-align for the image is "baseline", so the whitespace that you see is the space under the baseline of text (the space where e.g. the the lower circle in letter "g" is).

To fix this, you have at least these options:

Remove all whitespace between IMG and DIV (and perhaps put IMG within its own DIV)
Set the style="vertical-align: bottom" on the IMG

Ope 2010-09-14 19:24:25

using a div has solved the problem but how can i use `usemap` inside the div? this is my code right now: `<div style="background : url(images/image1.png) height:340; width:669px;"></div>` . How can i usemap in the div style?

Scorpion King 2010-09-14 19:52:33

I don't think you can... But I was not suggesting to switch IMG to DIV, but to put IMG inside a DIV: "<DIV><IMG /></DIV>". Then just make sure there is no whitespace inside the DIV, only the IMG tag and make sure all paddings, borders and margins are 0px.

Ope 2010-09-14 20:05:55

even when i used <DIV><IMG /></DIV> i got the white space problem. so what i did is i used a background image for div, then used the image along with usemap and closed the div which eliminated the white space due to the background image. now white space is gone, image is there and so is the usemap. Thanks for the tip mate :)

Scorpion King 2010-09-14 20:18:42

ansaurus

tags:

views:

answers:

img problem in IE

related questions