Linking Divs (+rep)

[Black_Apalachi]

At the moment my navigation is just a div for each link with the link's image as the background. I've also created rollovers so the background changes when the mouse rolls onto it.

I now want to obviously put links in these divs so they actually work.

I know that you need either text or an image in the div to be the link so I thought I'd be clever and make a transparrent .gif the size of the div. This works but it squashes the image up into the corner (on Firefox it becomes a thin grey box and on IE it just shows the red cross icon).

Does anyone know how to sort this or is it possible to make the div itself a link?

Thanks .

[HabbDance]

you didn't exactly make this clear, but im fairly sure that this would work:

<a href='url'><div id="id"></div></a>

[Black_Apalachi]

+rep to you once again my friend!!!

Edit: Need to spread

[L?KE]

Nooo don't do that, it's not valid as far as I can remember. (Would be habbdance.. :rolleyes

Change the width and heigh elements of the a tag to what you want and add rollovers that way.

[L?KE]

Nooo don't do that, it's not valid as far as I can remember. (Would be habbdance.. :rolleyes

Change the width and heigh elements of the a tag to what you want and add rollovers that way.

[Black_Apalachi]

Nooo don't do that, it's not valid as far as I can remember. (Would be habbdance.. :rolleyes

Change the width and heigh elements of the a tag to what you want and add rollovers that way.

When you say "not valid", does that mean it won't work? Because it did, like a charm . Anyway I'll try and see if I can understand your idea and give it a go .

[L?KE]

No I mean not valid as in..
http://validator.w3.org/

[Black_Apalachi]

No I mean not valid as in..
http://validator.w3.org/

Oh, what happens if it's not then?

And do you mean just have a rollover image rather than a rollover background?

[L?KE]

No you can assign what you gave the div to the a, eg:

a {
width: whatever px;
height: whatever px;
margin: 0;
padding: 3px;
text-align: center;
/* ETC... */
}

And also validation is basically just rules you have to obide by when coding, even if it displays properly.

[Black_Apalachi]

No you can assign what you gave the div to the a, eg:

a {
width: whatever px;
height: whatever px;
margin: 0;
padding: 3px;
text-align: center;
/* ETC... */
}

And also validation is basically just rules you have to obide by when coding, even if it displays properly.

Oh I have all that thanks .

Do you mean have to as in legally or something?