Block-level linking in ie7

[Newcoma]

Hello
I have the following html

<a>
<div>
<img src="myimage.gif" alt=" />
</div>
</a>

css
div {width:140px;}

In ie7 the <a> is not clickable if the img is wrapped in a div with a fixed width.

Any solution to this?

[Xdega]

Is it manadatory that the <a> be wrapped in a <div>? if not you can turn the <a> in to a block element using display: block; and get rid of the <div>

Here is what the code would look like?
html

Code: Select all

<a class=link>
<img src="myimage.gif" alt="myimage">
</a>


css

Code: Select all

.link {
display: block;
width:140px;
}


[Newcoma]

yes i Need the div. Im just wondering why it wont work with an img.

[JAB Creations]

Use the CSS display property to set an element to block or inline.

Code: Select all

img.example1 {display: block;}

If you want content to clear the left or right of the image use the CSS clear property.

Code: Select all

img.example1 {clear: both;}
img.example2 {clear: left;}
img.example3 {clear: right;}

You will most likely want to use the clear property.