Hey i have attached my style sheet here. I have been playing about all day with my meny which is near the bottom of the style sheet in the id nav container etc. I have got the hover class for it but i want when you click on a page it keeps the certain hover status so that in the menu bar the rest of the menu stays normal except from the one that has been clicked.
Hope i explained well enough and any help is appreciated.
Cheersi have attached my style sheet here I don't think so.I think I know what you mean, and if you have PHP available, you might be interested in this ALA Article. (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/keepingcurrent/">http://www.alistapart.com/articles/keepingcurrent/</a><!-- m -->)
I think you could do this with JavaScript, but I'm not sure what it would require. You might want to ask there if you don't have PHP or another SSL available.Opps sorry mates forgot to attach so i will just post the exerpt of the code here if thats ok.
#navcontainer ul li
{
display: block;
float:left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a
{
width:71px;
height:15px;
background-image:URL(images/nav.jpg);
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right:0;
padding:0;
color:#FFFFFF;
text-align: center;
text-decoration: none;
display: block;
font:13px bold arial, lucida, sans-serif;
font-weight:bold;
}
#navcontainer ul li a:hover
{
color: #FFFFFF;
background-image:URL(images/navhover.jpg);
}
#navcontainer a:active
{
background-image:URL(images/navhover.jpg);
color: #FFFFFF;
}
#navcontainer li#active a
{
background-image:URL(images/navhover.jpg);
color:#FFFFFF;
}
One more question i have now i have changed it to a css rollover do you have to preload the images. Also an example of what i was trying to explain is ryan brills web site once the link is clicked on it changes to show its active.
Hope i explained well enough and any help is appreciated.
Cheersi have attached my style sheet here I don't think so.I think I know what you mean, and if you have PHP available, you might be interested in this ALA Article. (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/keepingcurrent/">http://www.alistapart.com/articles/keepingcurrent/</a><!-- m -->)
I think you could do this with JavaScript, but I'm not sure what it would require. You might want to ask there if you don't have PHP or another SSL available.Opps sorry mates forgot to attach so i will just post the exerpt of the code here if thats ok.
#navcontainer ul li
{
display: block;
float:left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a
{
width:71px;
height:15px;
background-image:URL(images/nav.jpg);
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right:0;
padding:0;
color:#FFFFFF;
text-align: center;
text-decoration: none;
display: block;
font:13px bold arial, lucida, sans-serif;
font-weight:bold;
}
#navcontainer ul li a:hover
{
color: #FFFFFF;
background-image:URL(images/navhover.jpg);
}
#navcontainer a:active
{
background-image:URL(images/navhover.jpg);
color: #FFFFFF;
}
#navcontainer li#active a
{
background-image:URL(images/navhover.jpg);
color:#FFFFFF;
}
One more question i have now i have changed it to a css rollover do you have to preload the images. Also an example of what i was trying to explain is ryan brills web site once the link is clicked on it changes to show its active.