Re: Re; How to remove the underline on links

by "Paul Wilson" <webguroo(at)tampabay.rr.com>

 Date:  Mon, 1 Oct 2001 09:44:08 -0400
 To:  <hwg-basics(at)hwg.org>
 References:  xs4all dfyh
  todo: View Thread, Original
>What about for those of us who do not yet know how to use style sheets?

The easiest way is to dip your toe in the water.  Here is an excellent basic
cascading stylesheet you can start with.  If your email program wordwraps it
so that each line is broken, simply fix it so each element is on it's own
line.  It's easier to see what you're doing, if everything is on one line.

Simply copy and paste this into an empty file and save it with a .css file
extension like "myfile.css"



BODY {  font-size : 11pt; font-family: Verdana, Helvetica, Arial, Geneva,
sans-serif; color: Navy;}

P {  font-size : 11pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy;}

TD { font-size : 11pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy;}

LI { font-size : 11pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy}

H1 { font-size : 17pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy}

H2 { font-size : 15pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy}

H3 { font-size : 14pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy}

H4 { font-size : 13pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy}

H5 { font-size : 12pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy}

H6 { font-size : 9pt; font-family: Verdana, Helvetica, Arial, sans-serif;
color: Navy; font-style : Bold;}

a:link {  color: #6262FF; text-decoration: underline;}

a:visited {  color: #EC76EF}

a:active {  color: #EC76EF}

.small {  font-size: .8em}

strong {  font-weight: bold}

A:hover{background-color: #FFCCFF; color: Red}


To activate it, you have to put a link in the HEAD of your web page like
this:

<LINK REL="STYLESHEET" HREF="myfile.css">


You can substitute other colors.  The 16 primary ones like black, red,
yellow, blue etc. work fine and you can also use the hex versions like
#FF0000.   If you don't like the fonts listed above, try these instead:

Georgia, Times New Roman, Times, serif

The fonts listed work universally  with just about all browsers and
platforms.  Have fun!

Paul Wilson
webguroo(at)tampabay.rr.com

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA