CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

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 January 11th, 2004, 03:25 AM
sheermonkey sheermonkey is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 28 sheermonkey User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 47 m 43 sec
Reputation Power: 0
Question CSS underline color on links??

Does anyone know if/how I can get a CSS script for link classes that would only change the colour of the underline like the one at the top of Altavista's translate page??
I have tried viewing the source but can't seem to put my finger on it.

Any help would be greatly appreciated.

Cheerz,
sheermonkey.

Reply With Quote
  #2  
Old January 11th, 2004, 03:38 AM
awelch awelch is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 awelch User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
a:link {
color:#6699cc;
text-decoration:none;
}
a:hover {
color:#f60051
text-decoration:underline;
}
a:visited {
color:#999999;
text-decoration:none;
}


see if that stimulates some brain activity

Reply With Quote
  #3  
Old January 11th, 2004, 03:38 AM
awelch awelch is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 awelch User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
a:link {
color:#6699cc;
text-decoration:none;
}
a:hover {
color:#f60051
text-decoration:underline;
}
a:visited {
color:#999999;
text-decoration:none;
}


see if that stimulates some brain activity

Reply With Quote
  #4  
Old January 11th, 2004, 05:48 AM
Winters Winters is offline
Bad Coder
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Jul 2003
Posts: 1,846 Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Week 6 Days 12 h 49 m 7 sec
Reputation Power: 188
Use another tag to override the <A> tag colour.

Code:
<html
 <head>
  <style>
   a:hover{color:#f00;}
   a{text-decoration:underline;}
   span.link{color:#000;}
  </style>
 </head>
 <body>

  <a href="#"><span class=link>Click Me</span></a>

 </body>
</html>

Reply With Quote
  #5  
Old January 11th, 2004, 09:21 AM
stinkoman's Avatar
stinkoman stinkoman is offline
what's your moniker?
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2003
Location: Highland Park, NJ
Posts: 201 stinkoman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
Send a message via AIM to stinkoman
to use less code, use borders instead of text-decoration:

Code:
a:link {
text-decoration:none;
border-bottom:1px solid black;
}

a:visited {
border-bottom:1px solid grey;
}

a:hover {
border-bottom:1px solid red;
}


the text-decoration:none is inherrited by the rest...
Comments on this post
C3P0 agrees: very cool -thank you!!!

Reply With Quote
  #6  
Old January 11th, 2004, 01:35 PM
sheermonkey sheermonkey is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 28 sheermonkey User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 47 m 43 sec
Reputation Power: 0
thankU dudes, PHP-newb + stinkoman helped alot.... awelch didnt do what i wanted it 2 but thnkz 4 tha reply anywayz.

sheermonkey

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > CSS underline color on links??


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 1 hosted by Hostway
Stay green...Green IT