Navigation help please

[charter]

Can someone please tell me how I can have 2 different styles of text links on one web page.

By different styles I mean different font - sizes - 1 with underlines and 1 without

When I change 1 set of links it changes the other to the same style.

All help much appreciated

[mark87]

You can either give the links a class like so -

<a href="blah.html" class="style1">Style One<a>
<a href="blah.html" class="style2">Style Two</a>

.style1 { font-size: 2em }
.style 2 { font-size: 1em; text-decoration: none }

Or if they are in different DIV's with different ID's/classes you can just do something like -

#div1 a { font-size: 2em }
#div2 a { font-size: 1em; text-decoration: none }

[MRMAN]

What i would do is this

<style media="all" type="text/css">

a.test1:link {
color: #ff0000;

text-decoration: none;
}
a.test1:visited {
color: #FF0000;
text-decoration: none;
}
a.test1:hover {
color: #ff0000;
text-decoration: underline;
}
a.test1:active {
color: #333333;
text-decoration: none;
}
a.test2:link {
color: #0000ff;
text-decoration: none;
}
a.test2:visited {
color: #0000ff;
text-decoration: none;
}
a.test2:hover {
color: #0000ff;
text-decoration: underline;

}
a.test2:active {
color: #0000ff;
text-decoration: none;
}
</style>


<a class="test1" href="link1">Link1</a><br>
<a class="test2" href="test2">Link2</a>