Hello
I have a nav bar on my site right now.
When you hover it changes the text color to white
On the HERE id (the page you are on)
Is there a way not to make it change the text to white when I hover over it?Yes, of course. Please show us your code.
Edit: I remembered you posted a link to the page you are referring to in another thread.
<!-- m --><a class="postlink" href="http://djshawnmichaels.com/new_site">http://djshawnmichaels.com/new_site</a><!-- m -->
ul#menu li a#here:hover {
color: #000;
}Thats what I have.
So when it hovers in the "here" area, I just want black text and no white
ul#menu li a:hover {
ul#menu {
list-style: none;
margin: 0;
padding: 0;
width: 770px;
}
ul#menu li {
border: 2px solid #333;
border-left: 0;
float: left;
width: 110px;
voice-family: "\"}\"";
voice-family:inherit;
width: 108px;
}
ul#menu li#last {
border-right: 0;
width: 110px;
}
ul#menu li a {
background: #EB7500;
background: url('http://djshawnmichaels.com/new_site/images/texturemain1.jpg');
background-position: 0 50%;
color: #000;
display: block;
padding: 4px 0;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
}
ul#menu li a:hover {
color: #FFF;
background-position: 0 0%;
font-weight:bolder;
}
ul#menu li a#here {
font-size: 1.0em;
font-weight:bolder;
background-position: 0 100%;
}
}Read my post again. Perhaps you didn't notice that I had edited it.
I have a nav bar on my site right now.
When you hover it changes the text color to white
On the HERE id (the page you are on)
Is there a way not to make it change the text to white when I hover over it?Yes, of course. Please show us your code.
Edit: I remembered you posted a link to the page you are referring to in another thread.
<!-- m --><a class="postlink" href="http://djshawnmichaels.com/new_site">http://djshawnmichaels.com/new_site</a><!-- m -->
ul#menu li a#here:hover {
color: #000;
}Thats what I have.
So when it hovers in the "here" area, I just want black text and no white
ul#menu li a:hover {
ul#menu {
list-style: none;
margin: 0;
padding: 0;
width: 770px;
}
ul#menu li {
border: 2px solid #333;
border-left: 0;
float: left;
width: 110px;
voice-family: "\"}\"";
voice-family:inherit;
width: 108px;
}
ul#menu li#last {
border-right: 0;
width: 110px;
}
ul#menu li a {
background: #EB7500;
background: url('http://djshawnmichaels.com/new_site/images/texturemain1.jpg');
background-position: 0 50%;
color: #000;
display: block;
padding: 4px 0;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
}
ul#menu li a:hover {
color: #FFF;
background-position: 0 0%;
font-weight:bolder;
}
ul#menu li a#here {
font-size: 1.0em;
font-weight:bolder;
background-position: 0 100%;
}
}Read my post again. Perhaps you didn't notice that I had edited it.