Want hyperlink rollover effect

B

Beverly-Texas

I have a pretty simple problem but can't seem to get FP to do what I want...

Have text hyperlinks (don't want to use images and swap) that are not
underlined (also what I want) but I simply want the color of the text to
change when the user rolls over the text. What is the easiest and quickest
way to do this?

Thanks.
Beverly
 
J

JDR

Beverly,

The easiest and most effecient way is to use a style sheet that you can
apply to all pages. In the styleseet you can specify exactly how you want
your hyperlinks to appear.

Below is an example of setting styles for your hyperlinks within a
stylesheet:

a:link
{
font-family: Arial;
color: #000000;
font-size: 9pt;
font-weight: normal;
text-decoration: none
}
a:visited
{
font-size: 9pt;
font-family: Arial;
color: #000000;
font-weight: normal;
text-decoration: none
}
a:active
{
font-family: Arial;
font-size: 9pt;
color: #000000;
font-weight: normal
text-decoration: none
}
a:hover
{
font-family: Arial;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-decoration: underline
}
 
J

JDR

One Correction Beverly,

The Active should have been:

a:active
{
font-family: Arial;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-decoration: none
}
 
T

Trevor L.

To my eyes, this doesn't seem to change the color, only the underlining
characteristic on hover

Would this work better?
a { font-size: 9pt; font-family: Arial; color: #000000;
font-weight: normal; text-decoration: none }
a:hover { color: #FF00FF }

Thus, one style is set for all, but (because the styles cascade) the hover
style is changed to color: #FF00FF (fuschia)

I should try it, but I think my logic is correct
--
Cheers,
Trevor L., WIP (Web Interested Person)
Website: http://tandcl.homemail.com.au
One Correction Beverly,

The Active should have been:

a:active
{
font-family: Arial;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-decoration: none
}


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
B

Beverly-Texas

Thanks - I got the left menu include page looking the way I want. Now, when
I pull up other pages that have that left menu included, it looks completely
different. How do I get it to look the same as when I open the left menu
include alone?

Thanks.
 
J

JDR

Trevor,

This was an example of a css solution, which allowed anybody to modify the
hex. values for their own purposes..
 
J

JDR

Beverly,

How are you incorprating the styles ( stylesheet or inline, etc..)

Can you provide a url?
 

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

Top