2torial Blog|photoshop tutorials, website design tutorials and graphic design articles and tutorials

2torial Blog RSS

CSS – Three Column Layout with Header -Absolute Positioning

Filed Under (CSS, Web Design) by Dave on 04-05-2008

Tagged Under : 3 column layout, Absolute Positioning, CSS

A popular layout among web designers is the 3 column layout. It allows a lot of flexibility for content layout. It is often used to add additional links for categories on the left and lining up sponsors down the right hand column. In this web site design tutorial we’ll use absolute positioning to set up a basic 3 column website with a header for the logo. This example will use the above format and place links in the left column, body of content in the middle and sponsors or additional content for the right sidebar column.

Heres a screenshot of what we’ll be building: Final

Read the rest of this entry »

No Comments
Read More
Search:
Graphic Design Blogs - Blog Catalog Blog Directory Join My Community at MyBloglog! blogarama - the blog directory Add to Technorati Favorites
  • March 2010
    S M T W T F S
    « Dec «-»  
     123456
    78910111213
    14151617181920
    21222324252627
    28293031  
  • Categories

    • After Effects (3)
    • Photoshop (18)
      • Graphic Design (11)
      • Navigation (1)
      • Photo Manipulation (1)
      • Text Effects (5)
    • Web Design (7)
      • CSS (3)
      • Dreamweaver (2)
      • Forms (2)
      • Web Navigation (1)
  • Recent Posts

    • Age Progression
    • Photoshop Brushes
    • Photoshop Matte Painting
    • Create a Horror Face in Photoshop
    • Create a Planet and Outer Space Scene
    • 3D Photoshop text tutorial
    • Photoshop Displacement effects
    • Photo Effect – fade into line drawing
  • Archives

    • December 2008
    • November 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
  • Subscribe
  • Pages

    • About
    • Contact
  • Meta

    • Register
    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org
  • Tags

    3 column layout 3d text Absolute Positioning After Effects Expressions After Effects shatter award winning web design Blend modes cool text effects create planet CSS CSS in Dreamweaver CSS menu Displacement effects Displacement Maps Dreamweaver tutorials form validation Grapic Design html & php E-mail form html & php mail form Image effects mail form Photo Effects Photoshop Photoshop & Dreamweaver Photoshop brushes Photoshop buttons photoshop displacement map Photoshop text effects Photshop Matte Painting php e-mail script PHP email script print ad design Space scene Vanishing point filter vista style menu web design colors website navigation Zombie Face
© All Rights Reserved. 2torial Blog

Warning: stristr() [function.stristr]: Empty delimiter in /home1/twotoria/public_html/wp-content/plugins/wassup/wassup.php on line 2093