[http://www.spragueheat.com]) is the site. basically, it’s mostly working like I want it to…except for when I hover over the menu. the link in the header still gets highlighted when I want it to be bold on a hover. same goes for the footer…and I know this coding looks awful, so maybe someone could clean it up for me if they’re bored? I’ll take any feedback.
header .menu
a:link {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
}
header .menu a:visited {
color: #000;
text-decoration: none;
}.
header .menu a:hover {
color: #000;
text-decoration: none;
}
footer .menu
a:link {
color: #fff;
text-decoration: none;
display: block;
white-space: nowrap;
}
footer .menu a:visited {
color: #000;
text-decoration: none;
}.
footer .menu a:hover {
color: #000;
font-weight: 600;
}
​
Im no coder but how does this look?
I cant get the code block thing to work here :/
​
header .menu a:link {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
}
header .menu a:visited {
color: #800080; /* Example color for visited links */
text-decoration: none;
}
header .menu a:hover {
color: #ff0000; /* Example color for hover state */
text-decoration: underline; /* Example text decoration for hover state */
}
footer .menu a:link {
color: #fff;
text-decoration: none;
display: block;
white-space: nowrap;
}
footer .menu a:visited {
color: #000; /* Different color for visited links */
text-decoration: none;
}
footer .menu a:hover {
color: #000;
font-weight: 600;
}