|
|
Posted by jojo on 10/26/25 11:54
jamie_cockburn@hotmail.co.uk wrote:
>
> I'm not sure if this is possible, but here goes...
>
> I want some sort of area (div preferably, td otherwise) that when
> moused over, changes it's style (bgcolor) and is also a link, as in,
> the whole area is a link, not just the text inside. I'd like this to
> work in both IE and Firefox, and preferably without
> any javascript.
>
> Anyone got any clues, cause I've been trying all day with no avail.
>
Make a link (<a>) a block element first. Add some padding around the
text, and - you have your area which is a link. Now you just have to
define a different background-color for a:hover. Done.
The CSS-code:
a.blockLink {
display:block;
padding:20px;
background-color:white;
}
a.blockLink:hover {
background-color:fuchsia;
}
And the link should look like this:
<a class="blockLink" href="www.google.de">This is a link to Google</a>
The only problem: ASFAIK this does not work in IE.
HTH, jojo
Navigation:
[Reply to this message]
|