HYPER;INK COLOR CHANGE

fishin4snook · Oct 8, 2000

How can I get my hyperlinks to be different colors than on another. EG: Hyperlink#1 = the color blue - Hyperlink #2 = the color green.

Thank you,
Fishin4snook.
discountvacations@yahoo.com [sig][/sig]

WebGodiva · Oct 9, 2000

you can use cascading style sheets and asign classes to the links i.e.,

A.site:link {
color:rgb(0,0,0);
text-decoration:underline;
font-family:Arial,Helvetica,sans-serif;
font-size: x-small; }

A.site1:link {
color:rgb(255,128,0);
text-decoration:underline;
font-family:Arial,Helvetica,sans-serif; }

A.site2:link {
color:rgb(0,0,0);
text-decoration:underline;
font-family:Arial,Helvetica,sans-serif;
font-size: x-small; }

and so on and so on.

In your link it would look like this <a href="your.html" style="sitex">

with the x being the site style number.

[sig][/sig]

fishin4snook · Oct 9, 2000

How do you enter a style sheet into the html? [sig][/sig]

AMayer · Oct 9, 2000

There are a couple of ways. First you can put the code that WebGodiva wrote in the <head> of your page enclosed in tags like such:

<style type="text/css">
A.site:link {
color:rgb(0,0,0);
...etc...
</style>

Second, you can save the code WITHOUT the <style> tags into a file with extension .CSS and reference it in the head of your code with a tag like this:

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

The href parameter should be the relative path and filename of the .CSS file you created. This technique is very useful if you have many pages (or a whole site) using the same style sheet. You can change it in one place and the styles are changed everywhere.

Otherwise both these work exactly the same. There are some great programs for designing style sheets. I use Bradsoft's TopStyle Pro (

http://www.bradsoft.com).

I don't know how this one compares to others but I like this one a lot.

[sig][/sig]

fishin4snook · Oct 9, 2000

Thank you for your response, do you design site? If so what sites have you designed and how much did you charge for them? What other uses does the style sheet pro have? [sig][/sig]

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!

HYPER;INK COLOR CHANGE

fishin4snook

IS-IT--Management

WebGodiva

Technical User

fishin4snook

IS-IT--Management

AMayer

Programmer

fishin4snook

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor