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

2
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

Answered over 6 years ago by Tony Crockford
  • 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. Steven Doig over 6 years ago
  • empty? or white? you now have: .left {background-color: #FFFFFF;} and it is being applied. Tony Crockford over 6 years ago
0
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.

:)

Answered over 6 years ago by Tony Crockford
  • 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? Steven Doig over 6 years ago
  • 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; } ??????? ?????? over 6 years ago
0
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;
}
Answered over 6 years ago by Tony Crockford