View Full Version : Links


NotBecky
01-11-2004, 06:26 PM
I am trying to get my links to change color when you hover and whatnot, but they won't. They are just staying red (#FF0000). What do I have wrong?

Thanks! :flower:

This is my CSS code:

body {
background:#000000;
background-color: #000000;
color:#FFFF00;
margin:0px 0px 0px 0px;
padding:0px;
font:normal 10px/normal Tahoma;
scrollbar-face-color:#000000;
scrollbar-arrow-color:#FFFF00;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#FF0000;
scrollbar-3dlight-color:#FF0000;
scrollbar-darkshadow-Color:#000000;
text-transform: none;
text-decoration: none;

}

a {
text-decoration:none;
font:normal 11px/normal Tahoma;
font-weight:normal;
background:#000000;
}


a:link {color:#FF0000;}
a: hover {color:#FFFF00;}
a:visited {color:#FF0000;}



#content {
position:absolute;
top:433px;
left:302px;
width:640px;
filter: alpha(opacity=100, style=0);
height: 180px;
visibility: visible;
overflow: visible;



-moz-opacity: 100%;

background-color:#000000;
border:0px DOTTED #C22D3D;
margin:0px 0px 10px 0px;
}

td {
font:11px/normal tahoma;
color:#FFFF00;
}



.title {
background-color:#000000;
font:normal 13px/normal tahoma;
color:#FF0000;
text-transform: none;
padding:2px;
text-decoration: none;

}


.blogbody {
margin:10px 5px 10px 5px;
padding:5px;
background:#000000;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #FFFF00;


}

.date {
font:normal 13px/normal Tahoma;
text-transform:none;
text-align:center;
background:#000000;
border-bottom:1px solid #FF0000;
color:#FF0000;
text-decoration: none;

}

.posted {
font:11px verdana, arial, helvetica, sans-serif;
color:#FF0000;
font-weight:normal;
margin-bottom:45px;
padding:0px;
}


#links {
position:absolute;
top:433px;
left:9px;
width:275px;
font:normal 8pt/normal Tahoma;
color:#FFOOOO;
background:#000000;
padding:0px;
text-transform: none;
text-decoration: none;
visibility: visible;
background-color: #000000;
height: 1188px;





}


.sidebody {
margin:0px 0px 10px 0px;
padding:0px;
background-color:#000000;
border:0px DOTTED #C22D3D;
}


.sidetitle {
font:normal 13px/normal Tahoma;
text-align:center;
background:#000000;
border-top:0px dotted #C22D3D;
border-left:0px dotted #C22D3D;
border-right:0px dotted #C22D3D;
border-bottom:0px dotted #C22D3D;
color:#FFOOOO;
padding:0px;
margin:10px 0px 0px 0px;
text-transform: none;
text-decoration: none;

}

.calendar {
font-family:verdana, arial, sans-serif;
color:#FF0000;
font-size:10px;
font-weight:normal;
background:#000000
line-height:140%;
padding:2px;
text-align:left;
}

.calendarhead {
font-family:palatino, georgia, times new roman, serif;
color:#FF0000;
font-size:12px;
font-weight:normal;
padding:2px;
letter-spacing: .3em;
background:#OOOOOO;
text-transform:uppercase;
text-align:left;
}

.syndicate {
font-family:verdana, arial, sans-serif;
font-size:xx-small;
line-height:140%;
padding:2px;
margin-top:15px;
background:#000000;
}

.powered {
font-family:palatino, georgia, times new roman, serif;
color:#FFFF00;
font-size:x-small;
line-height:140%;
text-transform:uppercase;
padding:2px;
margin-top:50px;
letter-spacing: .2em;
background:#000000;

}


.comments-body {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#FFFF00;
font-size:small;
font-weight:normal;
background:#000000;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:0px dotted #C22D3D;
}

.comments-post {
font-family:verdana, arial, sans-serif;
color:#FFFF00;
font-size:x-small;
font-weight:normal;
background:#000000;
}



.trackback-url {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding:5px;
border:0px dotted #C22D3D;
}


.trackback-body {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #C22D3D;
}

.trackback-post {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
background:#FFF;
}


.comments-head {
font-family:palatino, georgia, verdana, arial, sans-serif;
font-size:small;
color: #666;
border-bottom:0px solid #C22D3D;
margin-top:20px;
font-weight:bold;
background:#FFF;
}

#banner-commentspop {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#FFF;
font-size:large;
font-weight:bold;
border-left:0px solid #C22D3D;
border-right:0px solid #C22D3D;
border-top:0px solid #C22D3D;
background:#000000;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
}

Loren
01-11-2004, 06:33 PM
You had a space bettwenn a: and hover where there should not be one try now.
New code:
a:link {color:#FF0000;}
a:hover {color:#FFFF00;}
a:visited {color:#FF0000;}

lefty
01-11-2004, 06:33 PM
Try putting...

a {
text-decoration:none;
font:normal 11px/normal Tahoma;
font-weight:normal;
background:#000000;
}


a:link {color:#FF0000;}
a: hover {color:#FFFF00;}
a:visited {color:#FF0000;}


before all your body stuff.

NotBecky
01-11-2004, 06:40 PM
<smacking head into the desk hard> A darn SPACE has had me here for hours.

THANK YOU THANK YOU THANK YOU

Loren
01-11-2004, 06:44 PM
Your welcome.