[nick1]

Greetings,

i have a question regarding CSS hyperlinks. Here's what one of my sheets looks like:

====================
a:link{text-decoration:none; color:#0000ff; font-weight:bold;}
a:visited{text-decoration:none; color:#0000ff; font-weight:bold;}
a:hover{text-decoration:none; color:#00ff00; font-weight:bold;}

p.pic
{
position:absolute;
left:275px;
top:104px;
}

p.message
{
a:link{text-decoration:none; color:#0000ff; font-weight:normal;}
a:visited{text-decoration:none; color:#0000ff; font-weight:normal;}
a:hover{text-decoration:none; color:#00ff00; font-weight:normal;}
position:absolute;
top:475px;
}
============================

i want the hyperlinks in "p.message" to display as normal text, NOT BOLDED like the hyperlinks in "p.pic" appear. What do i need to alter in this code to make this happen?
i would like keep this all within one style sheet.

Thanks for your time,

Nick

[colincameron]

p.message
{
a:link{text-decoration:none; color:#0000ff; font-weight:normal;}
a:visited{text-decoration:none; color:#0000ff; font-weight:normal;}
a:hover{text-decoration:none; color:#00ff00; font-weight:normal;}
position:absolute;
top:475px;
}

isnt valid css. try validating your css here, that may help

this is what your looking for

Code:

p.message {
position:absolute;
top:475px;
}

p.message a:link {
text-decoration:none; 
color:#0000ff; 
font-weight:normal;
}

p.message a:visited {
text-decoration:none;
 color:#0000ff; 
font-weight:normal;
}

p.message a:hover{
text-decoration:none;
color:#00ff00; 
font-weight:normal;
}

you can also compact the code since your link and visited are the same

Code:

p.message {
position:absolute;
top:475px;
}

p.message a:link, p.message a:visited {
text-decoration:none; 
color:#0000ff; 
font-weight:normal;
}

p.message a:hover{
text-decoration:none;
color:#00ff00; 
font-weight:normal;
}

[EvilHaider]

Nice link colincameron!