This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > January 2005 > CSS Dashed Underline for Links
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
CSS Dashed Underline for Links
|
|
| LadyKnight 2005-01-23, 7:15 am |
| 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
| |
|
|
| Christoph Paeper 2005-01-23, 7:19 pm |
| *Barbara de Zoete* <b_de_zoete@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 2005-01-23, 11:18 pm |
| On Mon, 24 Jan 2005 00:29:28 +0100, Christoph Paeper
<christoph.paeper@nurfuerspam.de> wrote:
> *Barbara de Zoete* <b_de_zoete@hotmail.com>:
>
> 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 |
`-------------------------------------------------- --<--@ ------------'
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|