Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- CSS Troubles
July 31, 2006, 11:24 am
rate this thread
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
Anyone got any clues, cause I've been trying all day with no avail.
The Windows Live Mail (beta) thing, does this exactly in it's side
menu, but the code it's self is beyond me. The menu item's themselves
have the class HoverItem, but searching through the three stylesheets
linked to the page, I cannot find one mention of 'HoverItem'. Can
anyone explain this?
Re: CSS Troubles
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.
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.