I am developing a web page with a menu bar with links on the page. I have a stylesheet, but I have problems with the "hover" code. Part of my code looks like this:
<body>
<div id="wrapper">
<div id="menu">
<a class="mLink" href="main.php">Home</a>
With css code:
body {
background-color:black;
text-align: center;
height:100%;
}
div#wrapper{
margin-right: 5%;
margin-left: 5%;
margin-top: 0%;
margin-bottom: 5%;
border: outset;
border-color: white;
}
a.mLink{
color: white;
font-size: 35px;
padding: 10px;
}
a.mLink:hover{
color: black;
}
a.mLink:active{
color:black;
}
div#content{
color: white;
font-size: 40px;
}
"hover" and "active" both do not work, and I do not understand why. I tried many different style options, such as: hover, #menu a: hover, #menu a.mLink: hover and nothing works. Any help is appreciated.
source
share