Web Design Blog

Thoughts and commentary about web design plus links to helpful resources including fonts, plugins, templates, stock photos, software, scripts, tutorials, and other useful tools for webmasters!

Tuesday, September 18, 2007

2-Col Tableless Layout Tutorial at Wellstyled.com

2-Col Tableless Layout Tutorial at Wellstyled.com

Sometimes you may need two columns of the same height in your layout. If the height of their content differs, their backgrounds should flow and end at the same position. This is exactly how columns were made by tables.

There are several ways to make two columns in CSS. You can use one floating block, both blocks floating, one block positioned into other’s margin etc. Anyway, every time the block ends where its content ends. That’s OK — in fact, the “same-height columns” is just a design illusion: not the columns, but the background under them makes the effect. Thus, let’s make the columns of their own height and then just play with the background. That’s the matter.

View the Tutorial

More about: 2-Col Tableless Layout Tutorial at Wellstyled.com

Monday, July 16, 2007

Learn HTML and CSS: An Absolute Beginner’s Guide

Learn HTML and CSS: An Absolute Beginner’s Guide

SitePoint tutorial by Ian Lloyd

“So, you’re ready to take the plunge and begin to learn how to build your own web pages and sites? Fantastic! We’ve got quite a ride ahead, so I hope you’re feeling adventurous.

Before you dive in and start to build your web site, we need to take a little time to get your computer set up and ready for the work that lies ahead. That’s what this section is all about: ensuring that you have all the tools you need installed and ready to go.”

Read the Tutorial

More about: Learn HTML and CSS: An Absolute Beginner’s Guide

Thursday, December 28, 2006

Developing With Web Standards

Developing With Web Standards

This document by Roger Johansson explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible.

More about: Developing With Web Standards

Related Sites & Friends:

Photoshop SupportBlue VertigoThe Free SiteYotoPhotoMorgueFileOpenPhotoStockVaultImageAfterStock.XCHNGTexture WarehouseTutorialVaultTemplatesFeedTexturePacksGrunge TexturesPixel Perfect DigitalImage AbstractionFreeSeamlessTexturesBest Design LinksPhotomorphixWallpaperStockPiotr.PixDesigns By DarrenDesignPacksFreePhotoClipsPhoto Sharing ForumPhotostorePoweredMonochromousPixel Perfect StockRSS Workbench

All content © 2008 freewebpageheaders.com and it's contributors, All rights reserved.

Unique Visitors: