homepage Welcome to WebmasterWorld Guest from 54.163.72.86
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Horiz CSS menu: Hover stopped working
menu, CSS
SanDiegoPaul




msg:4116507
 7:09 pm on Apr 15, 2010 (gmt 0)

I have simple site I'm working on, using horizontal CSS menus. The menus work but for hover ... I have the style sheet property set to alter the color background and the text color, upon hover. But they stopped working ... please help.

CSS:
#navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}

#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 3px 10px 2px 10px;
color: #FFFFFF;
background-color: #666666;
text-decoration: none;
border: 1px solid #711515;
}
#navigation a: hover {
color: #FFFFFF;
background-color: #0000FF;
}

HTML:
<div id="navigation" align="center">
<ul>
<li><a href="index.htm">Home Page</a></li>
<li><a href="about.htm">About Us</a></li>
<li><a href="clients.htm">Clients</a></li>
<li><a href="contact.htm">Contact Us!</a></li>
</ul></div>

 

SanDiegoPaul




msg:4116508
 7:12 pm on Apr 15, 2010 (gmt 0)

I deleted the style sheet from the web server & reinstalled it... same results. I refreshed my cache in both browsers to no avail.

Am I missing an obvious thing? The menu worked properly before today when I did some property changes on both HTML and CSS. I did a bunch of things so it's not like I can just 'go back' but this is a simple enough menu where I feel like an idiot not being able to figure out what went wrong!

OPunWide




msg:4116677
 1:20 am on Apr 16, 2010 (gmt 0)

Change
#navigation a :hover
to
#navigation a:hover

(remove the space after the a)

SanDiegoPaul




msg:4116963
 4:03 pm on Apr 16, 2010 (gmt 0)

Thank you that worked!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved