Sent by joa ebert on 31 July 2005 16:04
Hello,
this is my first question here so forgive me please if I'm doing some
things wrong.
I've just a simple question about "what is the correct version of my
ugly workaround".
The problem is:
I've got a footer, all the text is displayed by a background-image.
Now I want to have some clickable areas (from the left to the right).
Tidy says, it is not correct that a-div element lies inside an a-element.
This is what I'm currently doing. Works very well using gecko and iexplore.
<div id="footer">
<a href="#help"><div class="help"><span>Help</span></div></a>
<a href="#fakes"><div class="fakes"><span>Fakes</span></div></a>
[...]
</div>
My Stylesheet:
#footer
{
background: url(images/footer.gif) no-repeat;
height: 27px;
width: 585px;
position: absolute;
bottom: 0;
left: 396px;
}
#footer div
{
margin: 0;
padding: 0;
height: 27px;
float: left;
}
#footer a div span
{
display: none;
}
/**
* Fixing a strange IE bug
*/
#footer a div
{
cursor: pointer;
padding: 0;
margin: 0;
}
/**
* Define footer buttons
*/
#footer div.help { width: 50px; }
#footer div.fakes { width: 60px; }
[...]
Anybody knows the correct version of this?
It behaves correct but gives me a warning because the div is inside the a.
Cheers,
Joa
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
