Web Design Web Design Forum
Registration is free! Here you can view your subscribed threads, work with private messages and edit your profile and preferences Calendar Find other members Frequently Asked Questions Search
Home Web Design

Convenient web based access to our favorite web design Usenet groups

web design reviews

This is Interesting: Free Magazines for Graphics designers and webmasters  





  Last Thread  Next Thread
Author
Thread Post New Thread   

CSS Dashed Underline for Links
 

LadyKnight




quote this post edit post

IP Loged report this post

Old Post  01-23-05 - 12:15 PM  
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



Post Follow-Up to this message ]
Re: CSS Dashed Underline for Links
 

Barbara de Zoete




quote this post edit post

IP Loged report this post

Old Post  01-23-05 - 12:15 PM  
On 23 Jan 2005 01:57:50 -0800, LadyKnight <lknight94@XXXXXXXXXX> 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    |
`-------------------------------------------------- --<--@ ------------'


Post Follow-Up to this message ]
Re: CSS Dashed Underline for Links
 

Christoph Paeper




quote this post edit post

IP Loged report this post

Old Post  01-24-05 - 12:19 AM  
*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


Post Follow-Up to this message ]
Re: CSS Dashed Underline for Links
 

Barbara de Zoete




quote this post edit post

IP Loged report this post

Old Post  01-24-05 - 04:18 AM  
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 desir
ed
> 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    |
`-------------------------------------------------- --<--@ ------------'


Post Follow-Up to this message ]
Sponsored Links
 





All times are GMT. The time now is 09:58 AM. Post New Thread   
  Previous Last Thread   Next Thread next
Stylesheets archive | Show Printable Version | Email this Page | Subscribe to this Thread

Popular forums

Adobe Photoshop forum Macromedia Flash Web Site Design
Dreamweaver FrontPage forum
JavaScript Forum XML forum
Style Sheets VRML
Forum Jump:
Rate This Thread:

 

XML RSS Feed web design latest articles Syndicate our forum via XML or simple JavaScript

Web Design archive  Database administration help  


Top Home  -  Register  -  Control Panel   -  Memberlist  -  Calendar  -  Faq  -  Search Top