HTML Programming
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignHTML Programming

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old August 13th, 2000, 09:19 PM
dcgx dcgx is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2000
Location: Torrance, CA, United States
Posts: 6 dcgx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
If you look at http://www.zdnet.com with IE, you see the menu bar on top has CSS applied and the link color changes on mouseover (white to red w/peach background). On their content part, they are able to do the CSS using different colors on mouseover (navy blue to red). How do they do this? Do they have two style sheets? Do I need two style classes and if so, how do I make them? If this doesnt make sense, my alternative question is: How do I change the color of a link on mouseover, for example it be red if the link is originally blue, if text/css is applied using different colors already (like white to yellow)?

------------------
Dylan
http://www.derivy.com

Reply With Quote
  #2  
Old August 15th, 2000, 02:04 PM
yduvoid yduvoid is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2000
Posts: 51 yduvoid User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 9
It is actually one stylesheet, but there are several ways to set up the display. In my stylesheets settings, I can write:

DIV UL > LI P {color : orange}
- this will only allow a paragraph to be orange if it is a part of a list item only as an un-ordered list within a div element. Yet, all list items without the P tags will be the default colour

A.topic : link {color:red}
A.topic : visited {colorrange}
A.topic : hover {color:blue}
A.topic : active {colorurple}
A : link (color : black)
A : hover {color : white}
-In this case, if you set up a link with a class attribute named "topic" then the link will be red, changes to blue if you move the cursor over it, changes to orange if you visited that link, and purple after the click. However, every other link will be black and turns to white if you move the cursor over it.

If you have any questions, feel free to ask me them.


------------------

Yanik!
Edmonton, AB

Reply With Quote
  #3  
Old August 15th, 2000, 04:33 PM
dcgx dcgx is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2000
Location: Torrance, CA, United States
Posts: 6 dcgx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
I have just found out how to do it just after you posted. But you also had the same solution. And it is most appreciated. Thanks for the reply.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignHTML Programming > Two style sheets ??


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
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


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway