Style Sheets
  Home arrow Style Sheets arrow Styling Headers, Paragraphs and Main Colum...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
STYLE SHEETS

Styling Headers, Paragraphs and Main Columns of DIV-Based CSS Tables
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 3
    2009-01-13

    Table of Contents:
  • Styling Headers, Paragraphs and Main Columns of DIV-Based CSS Tables
  • Review: building a basic three-column web page layout with CSS tables
  • Styling main divs, paragraphs, and headers
  • The complete source code of the three-column web page

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Styling Headers, Paragraphs and Main Columns of DIV-Based CSS Tables


    (Page 1 of 4 )

    If you’re a web designer who uses a few divs to create the layouts of the pages that comprise your web sites, then this group of articles might be useful to you. You'll be particularly interested if you want to keep up with the new trends of modern web development. In this article series, you’ll find an approachable guide to using CSS tables to build table-less web document layouts, without floating containers or negative margins.

    Introduction

    And speaking of the functionality offered by CSS tables, you’ll surely recall that in the last article I discussed how to utilize this useful approach to construct the layout of a simple web page, which was comprised of three primary columns. Of course, it’s valid to mention again an important aspect concerning the utilization of CSS tables: namely, that Internet Explorer 7 and below simply don’t support them.

    However, you shouldn’t feel disappointed, since there’s good news on the horizon. If you’ve already worked with the beta version of Internet Explorer 8, then you’ve already seen that it renders CSS tables correctly. This fact itself should encourage you to learn the basics of this helpful CSS technique.

    With that idea in mind, in the course of this third installment of the series, I’ll be demonstrating how to polish the look and feel of the three-column web page layout created in the preceding part. The examples in this article will help you learn how to mix a traditional CSS styling process with the fresh touch of CSS tables.

    Now, with the preliminaries out of our way, it’s time to continue learning more about using CSS tables. Let’s jump in!

    More Style Sheets Articles
    More By Alejandro Gervasio


       · In this third installment of the series, I’ll demonstrate how to polish the look and...
       · It took four pages to add a color spec to a <p> and three <div> tags??? Seems like...
       · Thanks for commenting. Well, that’s only your opinion which is naturally always...
     

    STYLE SHEETS ARTICLES

    - Image Replacement CSS Techniques
    - Using BlueTrip`s Success, Notice and Error C...
    - More Uses for the Thin and Caps CSS Classes ...
    - Styling Definition Lists with the BlueTrip C...
    - Styling Unordered and Ordered HTML Lists wit...
    - Using the BlueTrip CSS Framework`s Thin and ...
    - Adding Borders to Web Page Columns with Blue...
    - Introducing the BlueTrip CSS Framework
    - Using a Background Grid to Assist Web Page L...
    - Extending the Rule Of Thirds for Web Page La...
    - A Two-Column Web Page Layout Based on the Ru...
    - Using the Rule Of Thirds for Web Page Layout
    - Swapping Columns Using the Divine Ratio for ...
    - Using the Golden Ratio in Liquid Web Page De...
    - Fundamental Design Principles for Web Page L...







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 4 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek