CSS Style Sheets - Dev Shed

Dev Shed Forums Sponsor:

August 25th, 2003, 12:07 PM

karlotta2

Junior Member

Join Date: Aug 2003

Posts: 3

Time spent in forums: < 1 sec
Reputation Power: 0

CSS Style Sheets

I'm in the process of building a web site and I made an external style sheet for text that I'm using as links. The purpose of the style sheet is for no underline under the text link. While that works, the color change on rollover of the link does not. ex. When I put the cursor over the link and click---the color stays black and does not change to red like it's supposed to. How do I get around this problem? Please help ASAP. Thanks.

August 25th, 2003, 12:36 PM

magma

Contributing User

Join Date: Apr 2003

Location: Italy, EU

Posts: 517

Time spent in forums: 11 h 45 m 8 sec
Reputation Power: 6

If you could quote or attach that part of your CSS file it will be more easy for us to help you...

__________________
Cheers, Dave

August 25th, 2003, 12:48 PM

karlotta2

Junior Member

Join Date: Aug 2003

Posts: 3

Time spent in forums: < 1 sec
Reputation Power: 0

Here is the Style Sheet, I've figured out how to have the color change on rollover mostly, there is only link that won't change still for some reason. Also, I have not been able to get the visited link color to change.

.text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; text-decoration: none}
a:link { color: #000000; text-decoration: none}
a:active { color: #CC0000}
a:hover { color: #CC0000}
a:active { text-decoration: none}
a:hover { }
a:hover { }
a:hover { }
a:hover { }
a:hover { text-decoration: none}
a:hover { }
a:active { }
a:visited { color: #CC0000}

August 25th, 2003, 01:24 PM

magma

Contributing User

Join Date: Apr 2003

Location: Italy, EU

Posts: 517

Time spent in forums: 11 h 45 m 8 sec
Reputation Power: 6

Using this CSS:

Code:

A:link {
	color: #000000;
	text-decoration: none;
}
A:active {
	color: #CC0000;
} 
A:hover {
	color: #CC0000;
} 
A:visited {
	color: #CC0000;
}

I've had that the links haven't any decoration and they're red but when unvisited.
Try to test it with a link to a site you have NEVER visited.

P.S. I don't understand that list of a:hover{}...

Hope it helps!

August 25th, 2003, 01:51 PM

karlotta2

Junior Member

Join Date: Aug 2003

Posts: 3

Time spent in forums: < 1 sec
Reputation Power: 0

thank you very much.

Viewing: Dev Shed Forums > Web Design > CSS Help > CSS Style Sheets

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump