Hi,
I have a TD with class="left", and with
.left { background-color: #FFE57F; }
Yet the background colour does not show. How do I fix this? Here is the URL.
3 answers
points
Check your CSS file.
.margin {
background-color: #99CCFF;
.left {
background-color: #FFE57F;
}
should be:
.margin {
background-color: #99CCFF;
}
.left {
background-color: #FFE57F;
}
.margin is missing a closing bracket
- Thanks. I've added the closing bracket and uploaded the new CSS file, yet the TD background is still empty. It could be a web hosting replication delay, or something else.
- empty? or white? you now have: .left {background-color: #FFFFFF;} and it is being applied.
points
empty? or white? you now have: .left {background-color: #FFFFFF;} and it is being applied.
and I hope that you also see that there's a reason for being more semantic in your choice of class names as .left is actually on the right.
:)
- Thank you for your help Tony. One last question: why aren't my a:link/visited/hover/active/ styles working in the right column and footer?
- If you have multiple selectors within one style rule, separate them with commas, like this: a.footer:link, a.footer:visited, a.footer:hover, a.footer:active, { font-color: #666666; }
points
as @??????? ?????? says
a.footer:link
a.footer:visited
a.footer:hover
a.footer:active {
font-color: #666666;
}
a.mainlevel:link
a.mainlevel:visited
a.mainlevel:active
a.mainlevel:hover {
padding: 4px;
}
should be;
a.footer:link,
a.footer:visited,
a.footer:hover,
a.footer:active
{
font-color: #666666;
}
a.mainlevel:link,
a.mainlevel:visited,
a.mainlevel:hover,
a.mainlevel:active
{
padding: 4px;
}
