Multiple link types with CSS

[Wilmot]

Hi there, I noticed in another post that it is possible to have multiple link types using CSS. Is this done by using multiple A:link tags or by specifying a defult with A:link etc, and then having custom span tags for others?

I have tried to last of these two, but it did not seem to work. Maybe it is because I am using tables?

Thanks.

[DynaMike]

This has nothing to do with your use of tables. To utilize different CSS attributes for you links, do just as you said:

a.nav { text-decoration: underline; color: #FF0033; font-weight: normal}
a.nav:hover { color: #0000FF; font-weight: normal; text-decoration: none}
a.nav:visited { color: #0000FF; font-weight: normal; text-decoration: underline}

When you want your link to utilize these attributes, just use the following code <BLOCKQUOTE><font size="1" face="Verdana, Arial">code/font><HR><pre>&lt;a class="nav" href="this_page.html"&gt;text here&lt;/a&gt;[/code].

If you don't specify a class, then the attributes would be your default. When you put in your links, you would do it just like normal HTML.

Does this help?

You can also reference a page for us to see. Maybe you've missed something along the way.

Mike

------------------
Street Bikers United - protecting the rights of motorcyclists worldwide.
Cosmic Custom Airbrush - Hawaii's premier airbrush studio.
New Life Community Church - Your Christian online community

[Wilmot]

Yep that is great!, exactly what I was looking for.

I was doing something wrong when I tried initially. Should work now though..

Thanks for your help.

[Wilmot]

Ok, I tried out those things using only external styles and they worked. BUT.. for some reason, all atributes of my default link properties work (hover, active, visited), however, the actual link colour does not.

When I cut the same properties from the external style sheet and put them as internal styles (for the default links only, all other styles stay as external), it all works (including the additional classes I have added).

The non working page is at www.webmasterslibrary.com (with all styles external)

and a working page is at www.webmasterslibrary.com/articles/ (with default link properties as internal styles, everything else external)

As I said earlier, all other styles work except the actual link colour of the default link.

I am using SSI for the side and top navigation bars.

Any help would be appreciated.

[This message has been edited by Wilmot (edited July 02, 2000).]

[DynaMike]

In your style sheet, you've missed the ':link' part of your very first attribute.

Try that and let's see if it works!

------------------
Street Bikers United - protecting the rights of motorcyclists worldwide.
Cosmic Custom Airbrush - Hawaii's premier airbrush studio.
New Life Community Church - Your Christian online community

[Wilmot]

Yeah, I actually had that in before and removed it to see if it made a difference. It didn't and I forgot to put it back in.

I have put it back in now though but still doesn't work unfortunately.

[TWTCommish]

Wilmont: could you post a link? That will allow us to view the source of the page and try to report on what might be wrong.



------------------
Chris Bowyer
MyCoding.com: Join our mailing list for launch notification!
"I'm not an insomniac, I'm a web designer."

[Wilmot]

There is actually a link above in one of my earlier replies. But here they are again.
www.webmasterslibrary.com for the non-working default link colour.
www.webmasterslibrary.com/articles/ for the working version using the default link properties as internal styles.

Problem is, the same code which works fine with internal styles does not work when put in external style. However, All styles except the default link colour work. (including the hover, visited properties for the default link type)

Thanks.

[Wilmot]

Thanks for your help everyone. I found out what the problem was though..

Removing the &lt;style&gt; and &lt;/style&gt; from the external styles file made everything work. It is strange that everything except the default link colour worked before I removed it though.

Oh well..

[DynaMike]

I don't use external style sheets, but when I do I'll be sure to keep that in mind. Thanks for the info!

Mike

------------------
Street Bikers United - protecting the rights of motorcyclists worldwide.
Cosmic Custom Airbrush - Hawaii's premier airbrush studio.
New Life Community Church - Your Christian online community