Want hyperlink rollover effect

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

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
 
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
}
 
One Correction Beverly,

The Active should have been:

a:active
{
font-family: Arial;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-decoration: none
}
 
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
 
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.
 
Trevor,

This was an example of a css solution, which allowed anybody to modify the
hex. values for their own purposes..
 
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

Similar Threads


Back
Top