Lid |
|
Hallo,
Ik heb een Div, welke class=menu_knop heeft. Via javascript, wordt dat menu_knop_mouseover als de muis er op staat.
In deze div staat een link, welke bold wordt, en van kleur veranderd als de muis erop staat.
Als ik echter naast de link sta met de muis, zou ik ook willen dat de kleur veranderd, en de link bold wordt.
Ik probeer nu :
.menu_knop_mouseover A:link {color: #df002e; text-decoration:none; font-weight: bold;}
.menu_knop_mouseover A:visited {color: #df002e; text-decoration:none; font-weight: bold;}
.menu_knop_mouseover A:hover {color: #df002e; text-decoration:none; font-weight: bold;}
.menu_knop_mouseover A:active {color: #df002e; text-decoration:none; font-weight: bold;}
.menu_knop_mouseover A:link {color: #df002e; text-decoration:none; font-weight: bold;} .menu_knop_mouseover A:visited {color: #df002e; text-decoration:none; font-weight: bold;} .menu_knop_mouseover A:hover {color: #df002e; text-decoration:none; font-weight: bold;} .menu_knop_mouseover A:active {color: #df002e; text-decoration:none; font-weight: bold;}
Maar dat werkt niet.
De Css van de div is:
.menu_knop_mouseover{
min-height: 20px;
height:auto;
padding-top:4px;
padding-left:2px;
vertical-align:middle;
background-color:#e2e2e2;
border-color:#e2e2e2;
border-style:solid;
border-width:0px;
margin-top:0px;
margin-bottom:0px;
color:#df002e;
}
.menu_knop_mouseover{ min-height: 20px; height:auto; padding-top:4px; padding-left:2px; vertical-align:middle; background-color:#e2e2e2; border-color:#e2e2e2; border-style:solid; border-width:0px; margin-top:0px; margin-bottom:0px; color:#df002e; }
Weet iemand hoe ik dat kan oplossen?
|