Web Start Letter - Website Tips and Info by Email Your Email:
We will never sell or give away your email address.

Internet Basics
   About the Internet
   About Web Browsers
   Why Domain Names

Getting Started
   Making Webpage Files
   Naming Webpage Files

HTML Basics
   About HTML Tags
   Basic HTML Page
   DTDs and Doctype Tags
   Spaces and New Lines
   Special Characters
   Bold, Italics, More
   Writing Headlines
   Adding Links
   Making Lists
   Comments in HTML

Images and Colors
   How to Add Images
   Sources of Images
   Image File Formats
   Optimizing Images
   Color in HTML & CSS
   "Web-safe" Color Chart

More Advanced HTML
   Making Tables
   Formatting with Tables
   Making Forms
   Using Imagemaps
   Using Frames
   Meta Tags

Cascading Style Sheets
   Intro to CSS
   Ways to include CSS
   Some Useful CSS
   CSS Hover for Links

   Promoting Your Site
   How-To's Homepage

Using CSS to format Links

Removing underlines

As CSS has become popular many sites have gotten rid of the underlines under their links, relying on colors or other factors to set their links apart. To make links not be underlined use :

a { text-decoration:none; }

Changing colors on Mouseover

This trick works in IE5+ and Netscape 6. It won't work in Netscape 4.

Define different "pseudo-classes" for the different link states link, hover, and visited. For example:

a:link { color:#0000cc } link will be blue by default
a:visited { color:#9900cc } link will be purple if it has been visited
a:hover { color:#990000 } link will be red when the mouse is hovering over it

To have different styles of links within a page you can combine a link style with a class style. (You can do this with other tag types also.) It works best to specify the class in the <a> tag, before the href attribute for example:

<a class="navlink" href="page3.htm">

Specify it in the style section or style sheet like this:

a:link.navlink { color:#0000cc }
a:visited.navlink { color:#9900cc }
a:hover.navlink { color:#990000 }