HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

CSS3 List and Table Properties - 15

Download this episode

Download Video

Download captions

Download Captions

Description

In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, you learn various properties exposed by CSS3 that allow you to provide a professional style to your Lists and Tables.

 

Download the source code for CSS3 List and Table Properties

Tag:

CSS 3

Embed

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • slaneyrw

      Great series so far

      With the tables, you could have demonstrated the first column and first row highlighting using

      tr td:first-child

      tr:first-of-type

       

      Then you wouldn't have needed the IDs to attach the styles.

       

    • MicKr

      I downloaded the HQ WMV file. The soundtrack and screenshot were "out-of-sync" by I guess half a minute or so.  The windows on screen had very little to do with what Bob describes.

      Otherwise a great series! I did a lot of Dynamic HTML 4 back in '98 - '01 so I really enjoyed this semantics focused run through HTML5 and CSS3 -- THX!

    • candritzky

      One of your examples shows a CSS style border-collapse:seperate;

      There is a typo in here. It should be spelled border-collapse:separate;

      The net result is the same since border-collapse:separate is the default and the misspelled value seperate will fall back to the default value separate.

    • BobTabor

      @slaneyrw: thank you.  Yes, there are many ways to skin this cat.  Thank you for adding that one!

      @MicKr: Sorry for that issue ... I'll call attention to the powers-that-be at Microsoft to see if others experience the same difficulty.

      @candritzky: Thank you ... that is a common misspelling ... I even have a macro on my main computer that re-spells it correctly.  Muscle memory defaulted to my typical (incorrect) spelling.  Thank you for explaining what happens when you misspell a value (i.e., the default).

    • Avi

      I love !!! Great series . also the javascript series .
      The interactive lessons are much easier to follow .
      and the explanations are clear .
      Keep on !

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.