PDA

View Full Version : CSS highlight menu question



scarecrowkid
07-02-2005, 06:33 PM
Is it possible to make the highlight menu different colors on the same page? I ask this because I have catagorized my menu into three parts, and want each part to be a different color. (My site is http://www.peacebears.com)
I've messed around with the coding, but nothing I've tried seems to help.
Any ideas?

jscheuer1
07-02-2005, 06:49 PM
Create additional classes in the style section, use those new class names for different color effects. Ex:
<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF;
}

A.menulink1 {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000; /* change this for a different color text */
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink1:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF; /* change this for a different color highlight */
}

</style>Then use the 'menulink1' class with those links that you want to be different:
<td width="100%"><a href="http://www.javascriptkit.com" class="menulink1" class=&{ns4class};>JavaScript Kit</a></td>You can add more classes if you want, just keep incrementing the number:
A.menulink2 {

scarecrowkid
07-02-2005, 09:04 PM
Thanks! :) I'd tried similar things, but I had tried that.
Thanks again!