Assigning CSS Class to LinkButton

[Terry Holland]

This is probably not the best group for this but I'll give it a go.

I am creating a couple of menu type controls. I have a TopMenu and a
PageMenu.
These controls are formed of a table with a number of cells containing
LinkButtons and ImageButtons.
Generally my TopMenu has a Navy background colour, so any links on these
need to be white in colour.
Generally my PageMenu has a White background colour. The trouble I am
having is that I dont seem to be able to have the links on this control a
different style to the links in the TopMenu control -ie white text (no good
on white background).

In my TopMenu I have the following

With objLinkButton
.ID = intIndex
.Text = objMenuInfo.Text
.CommandArgument = objMenuInfo.Url
.CommandName = intIndex
.CssClass = "Link1"
End With

and in my PageMenu control I have the following

With objLinkButton
.ID = intIndex
.Text = objMenuInfo.Text
.CommandArgument = objMenuInfo.Url
.CommandName = intIndex
.CssClass = "Link2"
End With

When I display the pages the only attributes that are applied to my links
from Link1 & Link2 classes are the font-size and font-weight attributes. The
colour is determined by the definitions in the A: Link, A: Hover classes etc.

Could someone advise me how to set up style for my links so that I can have
different link, visited, active and hover styles depending on whether my link
is in a TopMenu or a PageMenu.

In my stylesheet I have the following


A:link {
text-decoration: none;
color: white;
}

A:visited {
text-decoration: none;
color: white;
}

A:active {
text-decoration: none;
color: white;
}

A:hover {
text-decoration: none;
color: #3333cc;
}

..Link1 {
font-size: 12px;
font-weight: bold;
color:White;
}

..Link2 {
font-size: 12px;
font-weight: bold;
color:Navy ;
}


If no-one can answer here please suggest a better group for this question

tia

Terry Holland

 

[clintonG]

You need two seprate class declarations, one for each style.
search: "pseudo classes" and see this example [1]

<%= Clinton Gallagher
METROmilwaukee (sm) "A Regional Information Service"
NET csgallagher AT metromilwaukee.com
URL http://metromilwaukee.com/
URL http://clintongallagher.metromilwaukee.com/

[1] http://www.w3schools.com/css/css_pseudo_classes.asp

 

[Terry Holland]

Thanks