[thelist] site help

Sarah Sweeney mr.sanders at designshift.com
Thu Jun 24 19:28:45 CDT 2004

Alex Beston wrote:
> Sarah
>> If you combine the CSS
>>   h1 a { display: block; }
>> and moving the <a> tag /inside/ the <h1> tag, it will validate.
> http://www.manderstam.com/preview/
> im trying to get the hover state to be a green box from white. the h1 
> has to be included in the "a". to put it inside would mean overlapping 
> tags to pick up the h1 text.
> i could be wrong though.
> thanks for trying anyway,
> Alex

Now I see what you're trying to do. Probably the easiest thing to do is 
forget about using <h1> tags altogether, using <span> tags instead to 
style the text, and then it will be ok to wrap everything in the box in 
the <a> tag. Some might argue the sematics of this are not correct... or 
maybe they are. Regardless, I think that's the easiest and most 
cross-browser friendly way to do it.

Alternatively, you could use JavaScript to change the style of the box 
using the onmouseover event. The drawback here being that it won't work 
if a user has JavaScript disabled.

And if you don't care about IE, you could just put the :hover on the 
<div> itself. But I bet you do care about IE, as we are all forced to :)

Sarah Sweeney
Web Developer & Programmer
Portfolio:  http://sarah.designshift.com
Blog, etc:  http://hardedge.ca
My family:  http://geekjock.ca

More information about the thelist mailing list