Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
a rollover for a link.
Old 07-13-2006, 10:13 PM a rollover for a link.
jason_bristol's Avatar
Ultra Talker

Latest Blog Post:
New site - ConnectFrench.com
Posts: 310
Name: Jason Eyermann
Location: england bristol
Trades: 0
In stead of going and changing every link for every page in the page properties. I thought i would have a go at creating a roll over link with css. I currently use the style below for most of my text in a seperate css page. Some of the text using this css style had links.

.whitestyle{
font-family:Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 5px;
}

I thought I would just need to create this underneath

.whitestyle:hover{
font-family:Verdana, sans-serif;
font-size: 11px;
color:#FF9900;
padding: 5px;
}

but with this all text linked or not changes colour with the cursor over it.
how do I just have the linked text change colour? And does this over ride what what is already entered into the page properties.
I want to change the mouseover colour of the links at the very bottom of my page from blue to an orange colour.

thanks for any help
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
jason_bristol is offline
Reply With Quote
View Public Profile Visit jason_bristol's homepage!
 
 
Register now for full access!
Old 07-13-2006, 10:32 PM Re: a rollover for a link.
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
JAMISONTUNES
Posts: 2,898
Name: Keith Marshall
Location: Connecticut
Trades: 0
Just declare only the anchor tags:

.whitestyle A:hover { . . .
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 07-14-2006, 01:45 PM Re: a rollover for a link.
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
..right but make that .whitestyle a:hover {....

You want to keep your CSS all lowercase (and your html too).

Also be aware that if you're going to use the pseudo classes, you must define them in a specific order:

a:link, a:visited, a:hover, a:active .. just remember LoVeHAte
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-14-2006, 06:30 PM Re: a rollover for a link.
jason_bristol's Avatar
Ultra Talker

Latest Blog Post:
New site - ConnectFrench.com
Posts: 310
Name: Jason Eyermann
Location: england bristol
Trades: 0
I just thought there might have been away for css to identify which were linked and just have thoughs changed.

In the end I just created an extra style for the linked text. The only problem is that I only did .whitestylenav:hover instead of .whitestylenav a:hover as below.

.whitestylenav{
font-family:Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 5px;
}

.whitestylenav:hover{
font-family:Verdana, sans-serif;
font-size: 11px;
color:#FF9900;
padding: 5px;

It seems to work ok though. If I add the 'a' on now will that knock of the css rules for each page? I might have to do it all again. That would be an extra half hour. It works I think I will just leave it how it is. Thanx for you help!!!!!
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
jason_bristol is offline
Reply With Quote
View Public Profile Visit jason_bristol's homepage!
 
Old 07-15-2006, 04:55 PM Re: a rollover for a link.
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
The proper psuedo classes are:
a:link
a:visited
a:hover
a:active

It's not necessary to define your own and it saves you having to define a separate class.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to a rollover for a link.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.18182 seconds with 12 queries