Forum Moderators: mack

Message Too Old, No Replies

Links

Bordered Links

         

HTMLwalker

2:06 pm on Aug 28, 2003 (gmt 0)

10+ Year Member



Hi,

How do you make links appear on MouseOver with a border and different color text?
Thank you for any help offered.

NOTE: I am making my own website. So when I'm done, be sure to come back here. I will post the link to it. It contains Frames and CSS.

[edited by: JamesR at 5:41 pm (utc) on Aug. 28, 2003]
[edit reason] no signatures please, thanks [/edit]

MonkeeSage

2:11 pm on Aug 28, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi HTMLwalker,

I think what you want are some CSS rules...something to this effect:

a {
color: green;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: none;
border: 1px solid green;
}

Ps. Don't post your link, it would be against the TOS, but you can put it in your user profile after a bit and then people who are interested to know more about you can visit from there. :)

D_Blackwell

2:43 am on Aug 31, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



For-- a:hover {text-decoration: none;} --Is it necessary to add it here as well? Is-- a {text-decortation: none} --not sufficient for all states?

MonkeeSage

3:01 am on Aug 31, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sorry about that, you are correct D_Blackwell; all of the pseudo-elements (:hover, :active, &c.) inherit the styles from the a{} rule. No need to add them again.

Jordan