I’m fairly new to css, but am trying to impliment a roll over on my navbar div
My CSS is :
[CODE]#navi a:hover {
font-family: Arial, Verdana, Georgia, “Arial Rounded MT Bold”;
font-size: 14px;
font-weight: normal;
color: #0C1A55;
background-color: #FFFFFF;
display: inline;
text-align: center;
text-decoration: none;
padding-top: 8px;
padding-right: 4px;
padding-bottom: 8px;
padding-left: 4px;
}
#navi a:link {
color: #FFFFFF;
font-family: Arial, Verdana, Georgia, “Arial Rounded MT Bold”;
font-size: 14px;
}
#navi a:active {
color: #FFFFFF;
font-family: Arial, Verdana, Georgia, “Arial Rounded MT Bold”;
font-size: 14px;
}
#navi a:visited {
color: #FFFFFF;
font-family: Arial, Verdana, Georgia, “Arial Rounded MT Bold”;
font-size: 14px;
}
and my HTML is:
[CODE]<div id=”navi”><a>Corporate Events</a> <a>The Fleet</a> <a> Corporate Hospitality</a><a> Team Building</a><a> Incentives & Rewards</a> <a>Locations</a></div>
The rollover works fine but it moves the rest of the text in the DIV when i rollover one of the headings. How do i keep it so the rest of the links remain still?
Please forgive me if i’m missing something really obvious.
Thanks
J