Script Modify

[stevan]

I would like to use this script BUT would like the text to change colors on Hover

Is there a way to do that ????

<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF;
}

</style>

<script>

/*
CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr)
Modified by DD for NS4 compatibility
Visit http://www.dynamicdrive.com for this script
*/

var ns4class=''
</script>



THXS
Steve
CSS is not my strong point


:confused:

[ronaldb66]

Just add "color: #ff0000" or whatever color you wish to the A.menulink:hover declaration.
By the way: "border: none" in the first declaration seems pointless since you define a border directly after it...

[stevan]

That works

The reason that border is there when you use a color background and want to show a border around the name to make it look like a button it works great

Thxs Again

STEVE:p

[MotherNatrsSon]

Can you do the same thing using div's instead of a table? Is it possible to get it to work in more browsers? Thanks.

MNS

[ronaldb66]

Text coloring? Sure! Could you please supply a little more info?

[MotherNatrsSon]

ronald you have seen my test page (http://www.feminineoptions.com/TheOne11.html). I am contemplating using css for the links on that page instead of images. I need it to work in IE4x and NN4x because I have enough people that come to the site using those that I must include designing for them. The above script at Dynamic Drive says it only works in a couple of browsers. I would need it to work in as many as possible to be able to implement it on my test page as well as the rest of my site once I get the test home page done. Thanks

MNS

[ronaldb66]

CSS offers the :hover pseudo-class, which makes it possible to switch to a different set of properties for an element (!) when the mouse pointer is placed over it.
The standards state that it should work for all elements; alas, only newer browsers support it at all, and most of those only support the :hover pseudo-class when specified on a elements.
The upside is that it usually degrades elegantly: if a browser (or other device) does not support it, there simply will be no mouse-over effect; the link it is specified for will still work perfectly as a link.

Please supply some more details if you want to know how this is done, or read up on it at W3Schools (http://www.w3schools.com/) (only one of the better tutorial sites).

[MotherNatrsSon]

Thanks for the info. I think I'll stay with the images because it works cross browser and cross polatform for those older browser out there. I have been doing alot of reading on css but I have a long way to go. :)
Thanks
MNS