Here is the problem. i am trying to create a website virtually all in CSS. I am having trouble with the creating a navigation area. I want the background color to be a full 145px wide and 20 px high. When I mouse over (hover) I want the background color to change but stay the same size.
Here it the CSS code:
/* navigation class link */
a.navigation:link
{
background-color: blue;
color: white;
}
a.navigation:visited
{
text-decoration: none;
background-color: blue;
color: white;
}
a.navigation:hover
{
background-color: red;
color: blue;
}
a.navigation:active
{
text-decoration: none;
}
div.box
{
width: 145px;
height: 22px;
border: 1px solid black;
line-height: 20px;
}
Here is part of the html file:
<div class="box">
<a class="navigation" href="http://www.auburn.edu">Auburn University</a>
</div>
Can anyone help me on this. If you need more information then please ask.
ajthornton_1978