473,241 Members | 2,202 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,241 software developers and data experts.

CSS Dashed Underline for Links

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

Jul 21 '05 #1
3 132492
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 |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #2
*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
Jul 21 '05 #3
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 |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Ed | last post by:
Don't even know if this is a javascrip thing...but how do I remove the underline from hyperlinks?
17
by: Rickard Lindhé | last post by:
Hey. I'm experiencing a problem using a css stylesheet on my homepage (http://w1.193.telia.com/~u19305515/test/testis.html). As you can see, the link works according to the stylesheet when not...
6
by: Paul Kaufman | last post by:
What do I add to the style sheet to do this? Thanks. -Paul, the CSS Newbie
1
by: LadyKnight | last post by:
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): ...
29
by: jmaxsherkimer | last post by:
the site we're working on has some anchor links, you click them they scroll to the bottom of the page with the answers to the questions linked on to. is there anyway to make it so that the links...
2
by: Jeff | last post by:
hey asp.net 2.0 I have a HyperLink control on my webpage, I want this HyperLink to display a underline when mouse is hovering over it. This is NOT a html link, but a...
11
by: Alan | last post by:
Okay, IE and Netscape have a default link style with "color: blue;" and "text-decoration: underline". That's fine, but for what I am doing I need to turn OFF the default styling. I know how to...
4
by: Mr. Newt | last post by:
Hi y'all, I'm looking to put an underline under some links but not under others. I still want an underline when the link is hovered over. I've dabbled with classes for this, but all I can get...
10
by: Michael7 | last post by:
Hi everyone, With all the trouble I have concerning simple things with CSS (still learning), I think I am getting it now, but have stumbled upon a relatively NOT simple problem. I've looked all...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.