I have a question because I visited a site that has new text/CSS link. I never saw it before. As all you know, the text-decoration for links are: underline, overline, underline overline, line-through, blink (Netscape only), and none.

Now, I notice the new "broken" underline overline on the site. Please take a look at an example of the site:
http://katsmouse.com

You will see "broken" underline overline links on that site. Can you give me hints of which text/CSS I should use for my own homepage, please? It is kind very new to me.

Thanks so much!
AquaRose

instead of an overline underline, they are having the top and bottom border appear upon hover.

A:hover {
BORDER-TOP: 1px dotted;
COLOR: #000000;
BORDER-BOTTOM: 1px dotted;
TEXT-DECORATION: none;
}

they still keep the decoration set at none so the regular underline does not appear.

Pb&j,

Thank you for the wonderful hint! It's very helpful. I just tested one of my webpages offline. It worked! :)

Thanks so much, again! :)

AquaRose

do you know of any other kewl underlighn overline things?

http://jennyspage.net/linkeffects.html