link colors

[Sahti]

Kyank-
Thanks alot. I guessed CSS would probably do it, but most of the info I found was kind of confusing. I don't think confusion over the links will be a problem since the active and visted colors will be the same and show up fine on both backgrounds. It is just the unvisited link that I was having problems with, and I hope using a light shade of blue and normal blue will work. I know what you mean though--one of my web pet peeves is links that are meant to be obvious but don't look like links and text that looks like a link but isn't ! But you guys can be the judge. 'Cause once I get a few things done on the site I'd like to have it reviewed here (already got 3+ reviews in). Thanks again .
--Bill

------------------
Lake Superior Smokin' Brews
www.smokinbrews.com

[Sahti]

Is it possible to(or I guess I should ask how can I) have two different link colors on a page without using frames and have both colors change after they have been used? I have a dark border on my site with lighter colored links, and the main area is white and needs darker colored links. Currently I am just using style=..... in the anchor tag, but the link stays the color I select. I tried putting the links in a table and changing the cell color, but that looked bad. Thanks for any help.
--Bill

------------------
Lake Superior Smokin' Brews
www.smokinbrews.com

[Kevin Yank]

Cascading Style Sheets (CSS) will let you do exactly what you're after. Here's some sample code:

<BLOCKQUOTE><font size="1" face="Verdana, Arial">code/font><HR><pre>
&lt;STYLE TYPE="text/css"&gt;
&lt;!--

A.alternate { color: #FF0000 }
A.alternate:visited { color: #00FF00 }
A.alternate:active { color: #0000FF }

--&gt;
&lt;/STYLE&gt;

&lt;A HREF="..."&gt; A normal link &lt;/A&gt;

&lt;A CLASS=alternate HREF="..."&gt; A special-colored link &lt;/A&gt;

[/code]

Set the colors in the &lt;STYLE&gt; code to suit your preferences, then mark any link you want to use these alternate colors with CLASS=alternate.

Just a note of caution: you should have a very good reason for using more than one color scheme for links on your page. In most cases, this will only confuse the user.

Let me know if you have any questions!

------------------
-Kevin Yank.
http://www.SitePoint.com/
Helping Small Business Grow Online!

[aspen]

also try

a.alternate:hover {color blah blah blah

this will create a mouse over affect. You can make the text change font, size, make it underlined, or change its color when the mouse is over it.

Chris

[Puzzler]

But "hover" only work in internet explorer though.

[duckie]

<BLOCKQUOTE><font size="1" face="Verdana, Arial">quote/font><HR>Originally posted by Puzzler:
But "hover" only work in internet explorer though.<HR></BLOCKQUOTE>

And Mozilla...

[aspen]

It doesn't work in netscape. But it works in netscape 6.0 and it doesn't hurt netscape so you're giving IE people a treat that doesn't hurt. Hmm hope that made sense

Chris

[Sahti]

I added the code to my webpages. Works fine in IE, but just gives the unfollowed link color and the active link when clicked on in Netscape, even Netscape 6. I put the code between my head tags. Is that where it should go? Thanks
--Bill

------------------
Lake Superior Smokin' Brews
www.smokinbrews.com

[Kevin Yank]

Can you give us a URL so we can check your code?


------------------
-Kevin Yank.
http://www.SitePoint.com/
Helping Small Business Grow Online!

[Sahti]

Here's the URL http://www.smokinbrews.com/brewshop.htm

That's the only page I have setup that way. On the other pages I have a shade of blue that more or less shows up on both backgrounds, but it is a bit light on the white background. Thanks again
--Bill

------------------
Lake Superior Smokin' Brews
www.smokinbrews.com