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 June 3rd, 2004, 12:15 PM
nick1 nick1 is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2004
Posts: 5 nick1 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 28 m 15 sec
Reputation Power: 0
css hyperlinks

Greetings,

i have a question regarding CSS hyperlinks. Here's what one of my sheets looks like:

====================
a:link{text-decoration:none; color:#0000ff; font-weight:bold;}
a:visited{text-decoration:none; color:#0000ff; font-weight:bold;}
a:hover{text-decoration:none; color:#00ff00; font-weight:bold;}

p.pic
{
position:absolute;
left:275px;
top:104px;
}

p.message
{
a:link{text-decoration:none; color:#0000ff; font-weight:normal;}
a:visited{text-decoration:none; color:#0000ff; font-weight:normal;}
a:hover{text-decoration:none; color:#00ff00; font-weight:normal;}
position:absolute;
top:475px;
}
============================

i want the hyperlinks in "p.message" to display as normal text, NOT BOLDED like the hyperlinks in "p.pic" appear. What do i need to alter in this code to make this happen?
i would like keep this all within one style sheet.

Thanks for your time,

Nick

Reply With Quote
  #2  
Old June 3rd, 2004, 12:49 PM
Dusk's Avatar
Dusk Dusk is offline
Twilight Thinking
Dev Shed Novice (500 - 999 posts)
 
Join Date: Feb 2003
Location: Oxford UK
Posts: 656 Dusk User rank is Sergeant Major (2000 - 5000 Reputation Level)Dusk User rank is Sergeant Major (2000 - 5000 Reputation Level)Dusk User rank is Sergeant Major (2000 - 5000 Reputation Level)Dusk User rank is Sergeant Major (2000 - 5000 Reputation Level)Dusk User rank is Sergeant Major (2000 - 5000 Reputation Level)Dusk User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 1 Week 6 Days 21 m 15 sec
Reputation Power: 32
Try this:
(I've also condesed it abit)

a
{
text-decoration: none;
color: #0000ff;
font-weight: bold;
}

a:hover
{
color:#00ff00;
}

p.message a
{
font-weight: normal;
}

Hope that helps
__________________
Cheers,
Dusk

My portfolio

Reply With Quote
  #3  
Old June 6th, 2004, 01:06 PM
jackass's Avatar
jackass jackass is offline
Don't Panic
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2003
Location: Northern CA
Posts: 483 jackass User rank is Sergeant (500 - 2000 Reputation Level)jackass User rank is Sergeant (500 - 2000 Reputation Level)jackass User rank is Sergeant (500 - 2000 Reputation Level)jackass User rank is Sergeant (500 - 2000 Reputation Level)jackass User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 4 h 22 m 26 sec
Reputation Power: 11
Send a message via AIM to jackass Send a message via Yahoo to jackass
You could also have all styles in external sheets and have two different ones that you cll to and have the links different for each.
__________________
It's not that I don't know how to do it, I just haven't learned it yet.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > css hyperlinks


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