Underline Link

[shapper]

Hello,

How to make the underline of a link to be a dotted line like in this
web site:
http://www.iconbuffet.com/

Thanks,
Miguel

[Bill Norton]

Well, here's how they're defining the links in CSS:

a:link,
a:visited {
color: #f40;
text-decoration: none;
border-bottom: 1px dotted #aaa;
}
a:hover {
color: #f40;
text-decoration: none;
background: #fea;
border-bottom: 1px solid #aaa;
}

[Beauregard T. Shagnasty]

shapper wrote:

How to make the underline of a link to be a dotted line like in this
web site:
http://www.iconbuffet.com/

It's right there in the CSS:

a:link,
a:visited {
color: #f40;
text-decoration: none;
border-bottom: 1px dotted #aaa;
}

I don't agree with the setting of the visited color the same as the link
color. How will the visitor know s/he's already been there?

a:visited {
color: <something else>;
}

Visited links are usually purple.

--
-bts
-Motorcycles defy gravity; cars just suck.

[Jukka K. Korpela]

Beauregard T. Shagnasty wrote:

I don't agree with the setting of the visited color the same as the
link color.

Neither do I. But removing the default underlining and using a dotted bottom
border to create a fake underline isn't a good idea either. It's potentially
very confusing, since some browsers use a dotted line under some text by
default to indicate the text as an abbreviation or an acronym, which is
(normally) _not_ a link.

In special situations, replacing the default underline by a bottom border
might be reasonable, but then it should be a _solid_ border so that it
really looks like underline, just in a slightly different vertical position.
I'm thinking about special situations like a link containing the underline
character "_" that should be distinguishable, or something else in the link
text that gets hurt if there is the default underline.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/