By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,952 Members | 1,686 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,952 IT Pros & Developers. It's quick & easy.

Underline Link

P: n/a
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

Sep 21 '06 #1
Share this Question
Share on Google+
3 Replies


P: n/a
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;
}
Sep 21 '06 #2

P: n/a
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.
Sep 21 '06 #3

P: n/a
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/

Sep 21 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.