I am trying to make a menu where the page you are on (no <a href>
tag) shows one image, and the page you are not on (an <a href> tag)
shows another image that will switch on hover. I have the latter
working so that when you roll over the image switches, but if I set
the image for when there is no <a href> tag, it always shows that
image. How can I change that so that it shows one image when there is
no tag, and shows a different when there is a tag.
Here is what I currently have:
---html----
<div class="home_menu">
</div>
<div class="mystory_menu">
<a href="mystory.php"></a>
</div>
---css---
/* Home Menu */
.home_menu
{
width: 100px;
height: 25px;
float: left;
background: url("../images/home-current.png");
}
.home_menu a
{
background: url("../images/home.png");
}
.home_menu a:hover
{
background: url("../images/home-hover.png");
}
/* My Story Menu*/
.mystory_menu
{
width: 100px;
height: 25px;
float: left;
background: url("../images/mystory-current.png");
}
.mystory_menu a
{
background: url("../images/mystory.png");
}
.mystory_menu a:hover
{
background: url("../images/mystory-active.png");
}
It always shows the -current images, even if there is an <a href> tag.
Thanks.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
