Style Tags Resource Center

Style Tags Resource Center: Add Some Style To Your Web Pages

Netscape Users, these samples will not work in your browser.

HREF Style
If you look at the links in the Navbar of this page you will notice that we removed the lines that you would normally see below the hyperlink. There are two ways to accomplish this technique. To insert this style globally throughout your page simply place this style tag in the head of your code.

Alternately, this style can be used inline by inserting a style tag into the href statement itself. Here is an example:

<a STYLE="text-decoration:none" href="somewebpage.asp">Hello</a>

Pretty cool, huh?

Ever wonder how you can display some alternate text when mousing over a hyperlink without having to write JavaScript? Actually it's really simple and rather cool as long as the technique is not overused on any one page.

Place your mouse over this hyperlink to see the example: Title Your HREFs

A good tip to remember before deploying this technique! The Title Hyperlink Tip is only available for 5 seconds, so it is a good idea to keep it short so that your users do not need to mouseover twice to read the Title Tip. If you don't believe me try it and start counting. One Mississippi, Two Mississippi... you know the drill.

Here is the code.

MouseOver Style Tip
Change the color of your hyperlinks onMouseOver without using JavaScript or VBScript

Here is the Code MavWeb uses. Place this style tag in the head of your web code and change the color to something that works for you.

How Are We Making Those Yellow Backgrounds?
You probably guessed that we are using a bgcolor in our Table Cell. Well, that is not it. We are using the <DIV> tag.
Set your STYLE in the <HEAD>. Then simply wrap <DIV></DIV> Tags around the text which you want a highlighted background for.

Here is an example of how to apply this technique.

<html>
<head>
<STYLE>
BODY
{
}
DIV
{
BACKGROUND-COLOR: yellow
}
</STYLE>
</head>
<body>
<div>Sample Text</div>
</body></html>

Enjoy, Vic