CSS Link styles

A

AD Design

New Member
Hi. I have set up the following in my CSS file so that I can use <span class="about"> in the code to create a second link style, however it does not show up when I upload the file. It shows up in Dreamweaver, but not when I preview the page or when I upload. Here is the CSS (not all of it, just the style for this link):

}

.about a:link {
font-size: 12px;
font-weight: bold;
color: #d0cc54;
text-decoration: none;
font-family: Arial, Helvetica, Geneva, sans-serif;

}


and here is a link to the page:

http://www.affiliateddesign.com/Haskell/about5.html

I am using the style for the ">>" characters at the end of the text. They link to what could potentially be a second page of text if needed (this design is in the beginning stages). If anyone can tell me why it is not working that would be great.

Thanks!
S
 
A

AD Design

New Member
Just thought of one more thing . . .

Hi. Does it matter where this style falls in my CSS document? I have placed it below the "a:hover" style for the main link styles.

S
 
bcackerman

bcackerman

New Member
.body {
font-size: 12px;
line-height: 18px;
color: #000000;
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;

}

.small {
font-size: 10px;
line-height: 18px;
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

.heading {
font-size: 14px;
font-weight: bold;
color: #cc3300;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

______ a:link {
font-size: 10px;
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

________ a:visited {
font-size: 10px;
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

.about a:hover {
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

.about a:link {
font-size: 12px;
font-weight: bold;
color: #d0cc54;
text-decoration: none;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

.copyright {
font-size: 9px;
line-height: 11px;
color: #999999;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

.terms {
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

.separator {
font-size: 12px;
color: #cc3300;
font-family: Arial, Helvetica, Geneva, sans-serif;

}

first, i think the two a:link's are messing with each other because a:link dictates over everything which means .about a:link won't work properly. specific which parts of ur website you want a:link to go to and write that in. for the a:hover matter, write .about a:hover{} and try to use that. if this doesnt work, tell me, ill figure it out on my webhosting
 
You must log in or register to reply here.
Top