Hi all,
This is how I achieve the effect but using a different method:
a {color:#009; text-decoration:none; border-bottom:1px dotted
#ccf; padding-bottom:1px}
a:link {color:#009; border-bottom:1px solid #ccf}
a:visited {color:#606; border-bottom:1px dotted #fcf}
a:active {color:#f00; border-bottom:1px dashed #f00}
a:focus {color:#f00; border-bottom:1px dashed #f00}
a:hover {color:#96f; border-bottom:1px solid #96f}
acronym {cursor:help; border-bottom:1px solid #090}
If you wish to see it in action:
http://www.websemantics.co.uk/accessibility.html
It's a different method to text-decoration with distinct advantages.
1. Does not use colour alone to convey meaning. Underlines are dotted, dashed
and solid.
2. Highlighted focus.
3. Body text link clarity. Keeping underlines but improving the spacing
between text and underline.
4. Distinctive acronyms.
Any comments?
mike 2k:)2
**********************************************************************
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.mimesweeper.com
**********************************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
