One more blog question (hovering/changing colors on menu)

[semperaggie]

I want the colors to change if someone has clicked on the link or as the mouse passes over it.

I was using this site:

http://tips-for-new-bloggers.blogspo...und-color.html but the menu links are still exactly the same. I posted the code from the site that is in my html below if anyone has any ideas what I am doing wrong.

/* Header
-----------------------------------------------
*/

#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#newnavbar li a{
color:#000000;
}

#newnavbar li a:visited {
color:#736F6E;
}

#newnavbar li a:hover {
color: #F88017;
background:#98AFC7;
}

[ronocnikral]

hmmm...i am a little rusty. here is my personal blog and it seems to be doing what you would like.

here is the code where you control the colors:

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000" value="#191919">
<Variable name="textcolor" description="Text Color"
type="color" default="#ccc" value="#ffffe6">
<Variable name="linkcolor" description="Link Color"
type="color" default="#9ad" value="#cccca3">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#ccc" value="#5a6f1b">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#777" value="#400058">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#ad9" value="#5a6f1b">
<Variable name="bordercolor" description="Border Color"
type="color" default="#333" value="#ffffff">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#777" value="#cccccc">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999" value="#cccccc">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#a7a" value="#ffffcc">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet

the "value" at the end is your color. there are tables somewhere online that you can scroll over a color and then they will give you the value. I can help later (like tonight) if you need further help.

[gumchain]

I am not an expert on html and css, but my suggestion would be to take the li out of the code. I don't think you can put both li and a in the same expression.

So you want something like this:
#newnavbar a{ } in your css

and in your html:
<div class="newnavbar">
<a href=.....
</div>


I hope that helps.

[semperaggie]

Thanks, Conor. I appreciate the help!.

I was able to change some of my font colors but my nav bar still isn't cooperating

Thanks, Joanna. I'll play with that!

semperaggie added 5 Minutes and 51 Seconds later...Double Post Merged Below

well, nothing really changed until I took out this line: list-style-type: none;
as it seemed contrary to what I wanted

Now I get a box of color over my menu when I hover so I guess that is an improvement

[gumchain]

I hope you are able to get it to work out.