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
Chris G <cl@isbd.net> wrote:
h1.header, h2.header, h3.header, h4.header, h5.header, h6.header { [...] But none of the h1/h2/h3/h4 'inside' the header seem to work. They still get a default white background.
An h1 inside the header would be .header h1 {} and not h1.header (which is an <h1 class="header" />). Hope that helps point you the right way, -- MJ Ray - see/vidu http://mjr.towers.org.uk/email.html Webmaster/web developer, statistician, sysadmin, online shop maker, developer of koha, debian, gobo, gnustep, various mail and web s/w. Workers co-op @ Weston-super-Mare, Somerset http://www.ttllp.co.uk/
On Thu, Apr 05, 2007 at 04:30:44PM +0100, MJ Ray wrote:
Chris G <cl@isbd.net> wrote:
h1.header, h2.header, h3.header, h4.header, h5.header, h6.header { [...] But none of the h1/h2/h3/h4 'inside' the header seem to work. They still get a default white background.
An h1 inside the header would be .header h1 {} and not h1.header (which is an <h1 class="header" />).
Hope that helps point you the right way,
Thank you! I knew it was something silly/simple. All working as I expected/wanted now. -- Chris Green
participants (2)
-
Chris G -
MJ Ray