Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Coloring Links using HTML

Status
Not open for further replies.
dman1982dq

dman1982dq

Technical User
Sep 20, 2005
1
US
I am making a website and I can not color my v-link, a-link, and link html commands on a table I made, list I have made, and on just basci web sites, also how do I add it to my style sheets, so that I do not have to code every page indiviually for those elements on the page? Your help will be greatly appreciated,
 
Sort by date Sort by votes
Give them a class and then you will be sorted.

Code: 
<a href="#" class="myLinks">xx</a>

You can now style them all this way (regardless of where they are used):
Code: 
<style type="text/css">
a {color:#999;text-decoration:none;}
a.myLinks:visited {color:#090;}
a.myLinks:hover {color:#900;text-decoration:underline;}
a.myLinks:active {color:#990;}
</style>

At least that's what I reckon.

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch
[/tt]

What is Javascript? faq216-6094
 
Upvote 0 Downvote
Jeff is exactly right, but I would suggest having your code in a seperate css file, that way you only have to edit the code once for it to reflect throughout your webpage. Just paste Jeff's style code into a txt file and name it stylesheet.css -- then save it in the same folder as your html. Then for every html page you make that you want to reference the stylesheet, just add this line in between your <HEAD></HEAD> tags.

<link rel="stylesheet" type="text/stylesheet" href="stylesheet.css">

Also Jeff, I'm about to read your faq :)
 
Upvote 0 Downvote
BabyJeffy said:
Give them a class and then you will be sorted.
Click to expand...
No!!!

why would you give them a class?
dman1982dq hasn't suggested different colours for the links in different parts of the page...in which case, simply apply the style to the link itself.

Code: 
a:link     {color:#999;}
a:visited  {color:#090;}
a:hover    {color:#900;}
a:active   {color:#990;}

<marc>
New to Tek-Tips? Get better answers - faq581-3339
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
213
lmcate
lmcate
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
198709km
  • Locked
  • Question
Grouping XML key value using XSLT
Replies
0
Views
648
198709km
198709km
SitesMasstec
  • Locked
  • Question
How to have an HTML opened automatically in an e-mail
Replies
3
Views
224
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top