SunQuest
           CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

Problem with CSS and Links

Discuss Problem with CSS and Links in the CSS Help forum on Dev Shed.
Problem with CSS and Links Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old September 21st, 2002, 09:05 AM
timsharpe timsharpe is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Apr 2001
Posts: 761 timsharpe User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 Days 19 h 41 m
Reputation Power: 0
Problem with CSS and Links
I am using the below styles for my links. The problem is that the top link style is automatically assigned to the bottom, such as the width, and I do not want this, how can I stop this.

Thanks

Tim



a:link {color: black; font-family: tahoma; font-size: 10pt; border: 1px

solid 000000; width: 150; background-color: orange; text-decoration: none}
a:visited {color: black; font-family: tahoma; font-size: 10pt; border:

1px solid 000000; width: 150}
a:active {color: black; font-family: tahoma; font-size: 10pt; border: 1px

solid 000000; width: 150}
a:hover {color: black; font-family: tahoma; font-size: 10pt; border: 1px

solid 000000; width: 150; background-color: yellow}


a.side:link {font-size: 10pt; color: black; font-family: tahoma;

text-decoration: none; background-color: #0080FF; width: 100}
a.side:hover {font-size: 10pt; color: black; font-family: tahoma;

text-decoration: none; background-color: yellow}
a.side:visited {font-size: 10pt; color: black; font-family: tahoma;

text-decoration: none}
a.side:active {font-size: 10pt; color: black; font-family: tahoma;

text-decoration: none}
Reply With Quote
  #2  
Old September 21st, 2002, 09:16 AM
GNUbie's Avatar
GNUbie GNUbie is offline
Throws Rocks
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Mar 2002
Location: Cincinnati, Ohio
Posts: 392 GNUbie User rank is Corporal (100 - 500 Reputation Level)GNUbie User rank is Corporal (100 - 500 Reputation Level)GNUbie User rank is Corporal (100 - 500 Reputation Level)GNUbie User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 6 h 31 m 7 sec
Reputation Power: 8
Placement
Put your class-less link styles last. This means the link styles of class 'side' should come before the regular link styles in the file. Also, anytime you post syntax, please use the code option provided with vB. It's the # button found right next to the PHP button above the text field.
__________________
Two things have come out of Berkeley, Unix and LSD.
It is uncertain which caused the other.
Reply With Quote
  #3  
Old September 21st, 2002, 09:30 AM
timsharpe timsharpe is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Apr 2001
Posts: 761 timsharpe User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 Days 19 h 41 m
Reputation Power: 0
Links Stil dont work
I tried that but it did not work. I am using the following code on one page and it works, I altered it for this page and it does not work, why.

a:link {color: black; text-decoration: none; font-family: tahoma; font-size: 12pt; width:100}
a:hover {color: black; text-decoration: none; font-family: tahoma; font-size: 12pt; background-color: white; width:100}
a:visited {color: black; text-decoration: none; font-family: tahoma; font-size: 12pt;}
a:active {color: black; text-decoration: none; font-family: tahoma; font-size: 12pt; background-color: white}
a.small:link {color: white; text-decoration: none; font-family: tahoma; font-size: 8pt; background-color: red}
a.small:visited {color: white; text-decoration: none; font-family: tahoma; font-size: 8pt}
a.small:active {color: white; text-decoration: none; font-family: tahoma; font-size: 8pt}
a.small:hover {color: black; text-decoration: none; font-family: tahoma; font-size: 8pt; background-color: red}
Reply With Quote
  #4  
Old September 21st, 2002, 09:32 AM
timsharpe timsharpe is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Apr 2001
Posts: 761 timsharpe User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 Days 19 h 41 m
Reputation Power: 0
Ok got it fixed thanks

Tim
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > Problem with CSS and Links

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

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


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





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