Formatting text differently on the same page

G

Guest

I have the style on a page setup so that links appear bold when rolled over.
This was mainly done b/c of how I wanted the left menu to operate. However,
I have links in the main body that I want formatted differently - I want them
to be underlined - not bolded - when rolled over. When I try to change the
rollover format for that link, it changes the whole page.

Pls help.
Thanks,
Beverly
 
J

Jon Spivey

Hi Bev,

You need sperate classes for the menu and main content. For example
<head>
<style type="text/css">
#left a{
color: red;
}
#left a:hover{
font-weight:bold
}
#main a{
text-decoration:none;
}
#main a:hover{
text-decoration:underline;
}
</head>
<body>
<table><tr>
<td id="left">...menu goes here. Links will be bold on hover</td>
<td id="main">...main content goes here. Links will be underlined on
hover</td>
....etc

You can add any combination of colours, sizes, fonts etc in the CSS.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

hyperlink underlining 1
Hover format for hyperlink 4
text display on rollover 6
how can I use two different hyperlink styles on the same page? 4
Stylizing Hyperlinks 2
Conditionally formatting text and numbers differently 1
Text displaying differently on web 1
CSS changes not working right... 2

Top