Wow Web Designs Forums Home

Search
   
Members

Calendar

Help

Home
Search by username
Not logged in - Login | Register 


Dashed Underlining
 Moderated by: Aycan  

New Topic

Reply

Print
AuthorPost
zephyr
Member


Joined: Sun Feb 9th, 2003
Location:  
Posts: 43
Status:  Offline
Mana: 
 Posted: Sat Mar 1st, 2003 08:12 am

Quote

Reply
Again, to help the development of my website, I would like to know how the dashed underlining of hyperlinks (e.g. those linked to the glossary on WWD) are executed.

Thanks in advance,
zephyr.

Aycan
Administrator
 

Joined: Wed Nov 29th, 2000
Location: Columbus, Ohio USA
Posts: 146
Status:  Offline
Mana: 
 Posted: Sat Mar 1st, 2003 12:07 pm

Quote

Reply
Dashed underlines are made by setting the border-bottom and text-decoration properties. For example, for the glossary links, I used the following code:
border-bottom: 1px dotted #005000; text-decoration: none
which corresponds to 1 pixel dotted (dashed) green bottom border.

A working example would be

<STYLE TYPE="text/css">
a.glossary
{
   color: #005000;
   border-bottom: 1px dotted #005000;
   text-decoration: none
}
</STYLE>

<A CLASS="glossary" HREF="#">test</A>

Last edited on Sat Mar 1st, 2003 12:28 pm by Aycan


 Current time is 09:56 am




Powered by WowBB 1.7 - Copyright © 2003-2006 Aycan Gulez
Page processed in 0.1416 seconds (13% database + 87% PHP). 17 queries executed.