CSS Dashed Underline for Links

[LadyKnight]

I am trying to build a new personal homepage and decided to try using
CSS for the first time. I came across some dashed underlines for links
on this page (and several others):

http://www.mezzoblue.com/zengarden/resources/

How do you do this? It's not one of the defined text-decorations, so
I'm not sure how to do it? You don't have to use dashed borders like
you would in a table would you (i.e. somehow make a table around every
link and make the bottom border dashed).
Let me know your thoughts.

Thanks

[Barbara de Zoete]

On 23 Jan 2005 01:57:50 -0800, LadyKnight <lk*******@gmail.com> wrote:

I am trying to build a new personal homepage and decided to try using
CSS for the first time. I came across some dashed underlines for links
on this page (and several others):
How do you do this?

a:link {
text-decoration:none;
border-bottom:1px dotted $color; }

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Christoph Paeper]

*Barbara de Zoete* <b_********@hotmail.com>:

a:link {
text-decoration:none;
border-bottom:1px dotted $color; }

That of course works, but actually it's still just a hack to get the
desired appeareance in current browsers with current standards.

a:link {
text-decoration: underline;
text-underline-style: dotted;}

or something equivalent would be more appropriate. If it was specified and
working yet.

<http://www.w3.org/TR/css3-text/#text-decoration-style>

--
"Censorship, like charity, should begin at home;
but, unlike charity, it should end there."

Clare Booth Luce

[Barbara de Zoete]

On Mon, 24 Jan 2005 00:29:28 +0100, Christoph Paeper
<ch**************@nurfuerspam.de> wrote:

*Barbara de Zoete* <b_********@hotmail.com>:

a:link {
text-decoration:none;
border-bottom:1px dotted $color; }
That of course works, but actually it's still just a hack to get the desired
appeareance in current browsers with current standards.

Well, yes. AOL and all.
a:link {
text-decoration: underline;
text-underline-style: dotted;}

or something equivalent would be more appropriate. If it was specified and
working yet.

But that's quite a big 'if'.
<http://www.w3.org/TR/css3-text/#text-decoration-style>

Wouldn't hold my breath. I'm still waiting for a full, ah no, forget full ...
for a correct implementation of CSS2

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'