CSS question, probably very naive. - main

5 Apr 2007


      I'm sure there's something fundamentally silly wrong with this but I
can't see what it is at the moment.
Here's a snippet of a CSS file:-
.header {
      border-top: thick solid #cccccc;
      border-bottom: thin solid #cccccc;
      color: #0E0E0E;
      background: #EEEEEE;     
      height: 8em;
    }
    h1.header, h2.header, h3.header, h4.header, h5.header, h6.header {
      padding: 0px;
      background: #EEEEEE;
      color: #003366;
      font-weight:normal;
      line-height:140%;
    }
.crumbs {color: blue; background: white;}
    a.crumbs {color: red; background: white;}
    a.crumbs:visited {color: blue; background: white; text-decoration: none}
Now the .header bit is doing what I expect for the part of my HTML
that has a <div class="header"> .....  </div> around it, I get a nice
pale grey background.  But none of the h1/h2/h3/h4 'inside' the header
seem to work.  They still get a default white background.
Similarly the .crumbs is working (I tried changing the background to
check) but none of the a.crumbs are working.
What am I doing wrong?  Surely something obvious and silly but I can't
see it.  I even ran a CSS checker on it and it checks out perfectly,
just doesn't actually do anything!
-- 
Chris Green