Hyperlinks WITHOUT underlining? How?

I can't seem to find a 100%-working method for taking the underline out of my hyperlinks within iWeb and still have them behave as hyperlinks. I believe I've tried everything, but obviously I haven't, as no one else's websites have all the links underlined. Here is what hans't worked:

1. Highlight active link > Font Tool > "underline text" tab > set to "none"
2. Highlight active link > Format menu > Font > uncheck "underline"

And, while we're at it, in January, someone offered a solution for changing the font color of active hyperlinks:

http://www.frogdance.dundee.ac.uk/Fr...inkShader.html

That link no longer works.

What am I missing? Thanks in advance!

Ron

do you want to do it globally (for all links) or to a specific stylesheet

Boy, globally would be GREAAAAAAAAAT! (a la Tony the Tiger).

Ron

to do it for all links on your webpage

Put this code in to the pages code (you will need to do this with a text editor), place it immediately before the line thats says </head>

It should look like this

<style type="text/css">
A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
Active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; color: red;}
</style>
</head>


AS a side note if you want it to effect a specific style sheet you create custom hperlink tags, in the below example they would only effect the style called Vacmore

.Vacmore {
color: white;
text-align: right;
vertical-align: top;
font: 13px Arial, Helvetica, sans-serif;
}

.Vacmore A:link {text-decoration: none;
color: white;
}
.Vacmore A:visited {text-decoration: none;
color: white;
}
.Vacmore Active {text-decoration: none;
color: white;
}
.Vacmore A:hover {text-decoration: underline;
color: white;
}

Click to expand...

O, the joys of CSS I will marry it one day.

You can change the code to the following to cut down on the amount of code that needs to be writen and processed:

<style type="text/css">
A:link, A:visited, Active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; color: red;}
</style>