Class 3

We went over everyone's websites today. It was interesting to see that people had similar challenges - it made me feel a little better about my struggles (especially with margins). One of the things I've noticed about CSS is that everything can seem haphazard at times; whereas things are very easily lined up using tables in HTML, you have to move things around in a trial-and-error kind of way using padding, margins, etc. in CSS.

We expanded our knowledge of CSS by looking at parent:child relationships, lists, and form elements. Notes from today:

• It is suggested we not use heights for divs
• In Firefox, headings come with padding built in
• #topnav ul li = the li within the ul within the topnav id
• ul.round li.special = any li of class special within any ul of class round
• ul li:hover { }
• ul li#special_item
• Mouse out: ul li img { display: none; }
• Mouse over/hover: ul li:hover img { display:block }
• #container > div = will apply to first level of descendants
  

We also did a quick review of Photoshop CS3.

Good reminders regarding <br class="clear" />:

• Used at the end of every row of floats
• Breaks up rows of divs, not columns