I’m having problems of my own with my hover color in Safari.
All my other hover properties work just fine (size/font/etc.), but the color is totally strange. I’ve tried deleting the color-change part of the code, use the six-digit color name, use the css name, etc. - nothing works. No matter what I do, the color just turns into some reddish-brown color. I don’t have that color anywhere in my code. Like I said, I even tried taking out the part of the code that changes the hover color, hoping it would stay the same as a regular link. It still goes to reddish-brown.
I don’t think this is just a Safari/Mac problem - We use Internet Explorer/Windows at work, and the issue is the same.
Here is the part of the code with the link stuff:
<!—begin code provided by createblog.com—>
<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=windows-1252”>
<meta name=“GENERATOR” content=“Microsoft FrontPage 4.0”>
<meta name=“ProgId” content=“FrontPage.Editor.Document”>
<title>carly.blog</title><style>
img {border: 0;}
a:link {
color:#434170;
text-transform: uppercase;
font-size: 9px;
text-decoration: none;
font-weight: bold;
font-family: Verdana;
}
a:visited {
color:#434170;
text-transform: uppercase;
font-size: 9px;
text-decoration: none;
font-weight: bold;
font-family: Verdana;
}
a:hover {
text-transform: lowercase;
color: #FFFFFF;
font-weight: normal;
font-size: 15px;
font-family: Palatino;
cursor: crosshair;
line-height: 11px;
}
a:active {
text-transform: uppercase;
font-size: 9px;
text-decoration: none;
font-weight: bold;
font-family: Verdana;
}
BODY {
background-color: #000000;
font-family: Verdana;
font-size: 10px;
text-align: justify;
color: #434170;
background: #000000 url(http://i7.photobucket.com/albums/y284/xSerenityLifex/MOONPREVIEW1.jpg?t=1190325256) bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
}
And here is a link to the site: http://carlyfjm.blogspot.com/
Thanks, I hope you can help!!!
