View Full Version : css text and links


justfabulous
08-16-2004, 12:46 AM
Can someone please explain to me the coding I need to use?
What I want to do it, I want the link hover to change font size, so that it goes from 8pt to 10pt...how would I do that?

A:link {color: #FC4C4C; text-decoration: none; font-weight:none;}
A:visited {color: #FC4C4C; text-decoration: none; font-weight:none;}
A:active {color: #FC4C4C; text-decoration: none; font-weight:none;}
A:hover {color: #FC4C4C; text-decoration: none; font-weight:none;}

MaGiCSuN
08-16-2004, 01:37 AM
A:link {color: #FC4C4C; text-decoration: none; font-weight:none; font-size: 8pt; }
A:visited {color: #FC4C4C; text-decoration: none; font-weight:none; font-size: 8pt; }
A:hover {color: #FC4C4C; text-decoration: none; font-weight:none; font-size: 10pt;}
A:active {color: #FC4C4C; text-decoration: none; font-weight:none; font-size: 8pt; }


there you go :)

Love,
Mirna

justfabulous
08-19-2004, 09:10 PM
Gosh, I feel like an idiot...that looks so simple!
Thanks so much though, I appreciate it :)

justfabulous
08-19-2004, 09:20 PM
Er..ok I have one more question.....er....actually two.
How do I make my link capitalize when I hover? and
How do I make my text sort of fade in/out of the colours?

Thanks so much...I'm obviously quite new to the whole CSS thing

Monkey Bizzle
08-19-2004, 10:22 PM
have you checked out lissa's CSS section??

http://www.lissaexplains.com/css.shtml
and also the fun stuff section

http://www.lissaexplains.com/fun.shtml

hafunui
08-19-2004, 11:43 PM
also

http://www.dynamicdrive.com/dynamicindex5/linkover.htm

has a css mouse over generator





<style>
a:hover{text-transform:uppercase; }
</style>

that changes the link to uppercase on hover.