Re: More help with CSS!

by "Jens Brueckmann" <lists(at)j-a-b.net>

 Date:  Thu, 05 Aug 2004 11:34:27 +0200
 To:  susanfriesen(at)telus.net,
"hwg-techniques(at)hwg.org" <hwg-techniques(at)hwg.org>
 References:  telus
  todo: View Thread, Original
Hi Susan,

apparently the instructions you consult for writing your CSS are quite  
buggy.

The class-attribute is selected in CSS using a FULL STOP '.' whereas an  
ID-attribute is selected using the NUMBER SIGN '#'

Now have a look at your markup:

     <div class="nav-menu">
     ....
     </div>

As you use a class-attribute for the div-element, this element can only be  
seleted in CSS using:

     div.nav-menu {   }

or on a more global scale

     .nav-menu {   }


> my style sheet is here: http://www.horsewit.net/templates/style_new.css

As there are a couple of more errors in your CSS, e.g. your repeatedly use

     text:align:center;

instead of

     text-align:center;

it might help further if you make a practice of validating your CSS files  
online using either or both of the following validators:

     http://jigsaw.w3.org/css-validator/
     http://www.htmlhelp.com/tools/csscheck/

The W3C-Validator has the advantage of being able to validate a variety of  
CSS profiles (from CSS1 to CSS3). A major drawback are the not very  
helpful error messages it produces. Here the WDG-Validator at htmlhelp.com  
is of more use with its verbose messages and links to the relevant parts  
of the CSS Specification. However, the WDG-Validator only covers CSS1 and  
partly CSS2.

Cheers,

jens



--
Jens Brueckmann
http://www.j-a-b.net/

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA