'm hoping someone can help me resolve a problem I am having with
stylesheets. I've only just started usinbg them so it's more than
likely something similar. Trouble is I don't seem to be able to fix it
so would be grateful for any help.
Basically I'm working with a web page I inherited which has a menu in
which the layout/colours are something like this:
Heading (always yellow)
- Link (always white irrespective of visited or not etc but hover adds
an underline
- Link (always white irrespective of visited or not etc but hover adds
an underline
- Link (always white irrespective of visited or not etc but hover adds
an underline
ete etc
The css code I inherited is as follows:
..leftNav {
font: bold 14px Helvetica, arial;
color: #FFFFFF;
background: #663333 center;
letter-spacing: .01em;
}
td.leftNav {
font: bold 14px Helvetica, arial;
color: #FFFFFF;
text-decoration: none;
background: #663333 center;
letter-spacing: .01em;
border-top: 1px solid #000033;
border-left: 1px solid #000033;
}
td.leftNav ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
td.leftNav li {
display: block;
padding: 5px 0px;
border-bottom: 2px solid #FFFFFF;
}
td.leftNav li a:link, a:visited, {
font-weight: bold;
color:#ffffff;
text-decoration: none;
border: none;
background: transparent;
}
td.leftNav li a:hover {font-weight: bold;
font-weight: bold;
color:#ffffff;
text-decoration: underline;
border: none;
background: transparent;
}
..menuitem { color: #FFFF00 !important; }
What I now want to be able to add is a completely new separate table in
which there are links which are ALWAYS yellow irrespective of visited,
active or not, with no underline. Maybe they could change colour on
hover but it doesn't matter. I've tried various attempts at this but I
always seem to end up changing the colours of the other links on the
page in the main menu and can't understand why. So, any help would be
great.
stylesheets. I've only just started usinbg them so it's more than
likely something similar. Trouble is I don't seem to be able to fix it
so would be grateful for any help.
Basically I'm working with a web page I inherited which has a menu in
which the layout/colours are something like this:
Heading (always yellow)
- Link (always white irrespective of visited or not etc but hover adds
an underline
- Link (always white irrespective of visited or not etc but hover adds
an underline
- Link (always white irrespective of visited or not etc but hover adds
an underline
ete etc
The css code I inherited is as follows:
..leftNav {
font: bold 14px Helvetica, arial;
color: #FFFFFF;
background: #663333 center;
letter-spacing: .01em;
}
td.leftNav {
font: bold 14px Helvetica, arial;
color: #FFFFFF;
text-decoration: none;
background: #663333 center;
letter-spacing: .01em;
border-top: 1px solid #000033;
border-left: 1px solid #000033;
}
td.leftNav ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
td.leftNav li {
display: block;
padding: 5px 0px;
border-bottom: 2px solid #FFFFFF;
}
td.leftNav li a:link, a:visited, {
font-weight: bold;
color:#ffffff;
text-decoration: none;
border: none;
background: transparent;
}
td.leftNav li a:hover {font-weight: bold;
font-weight: bold;
color:#ffffff;
text-decoration: underline;
border: none;
background: transparent;
}
..menuitem { color: #FFFF00 !important; }
What I now want to be able to add is a completely new separate table in
which there are links which are ALWAYS yellow irrespective of visited,
active or not, with no underline. Maybe they could change colour on
hover but it doesn't matter. I've tried various attempts at this but I
always seem to end up changing the colours of the other links on the
page in the main menu and can't understand why. So, any help would be
great.
Comment