<The Webmaster's Resource

Main Page

HTML

Style

Promotion

Links
Web Rings
Credits

Feedback
       Critique
       Sign In
       Guestbook

Get your
FREE web site!

     What is white space?  It is the space that you leave around the objects on your web page.  White space divides up your page into chunks that can be more easily understood by the viewer.

     The more white space around an object the greater the impact and your site will look more professional.   It is recommended that you put around 50 pixels between your web objects.

     You can set up white space in many ways.  I use tables a lot for my layouts so I'll discuss using tables to setup white space.

     The easiest way to set up white space is with the attributes of the <TABLE> tag.  Either the cellspacing or cellpadding attributes will work.

     Setting cellspacing to 50 makes the walls of your table 50 pixels wide and also the distance between cells.

     Setting cellpadding to 25 puts 25 pixels around your object and the walls of the table resulting in about the same result.

     The third method for spacing your objects is to put an empty column or row between them.   For instance:


<table border=1>

<tr>

<td width=100>

Column #1

</td>


<td width=50>

<!-- spacer column -->

</td>


<td width=100>

Column #2

</td>

</tr>

</table>

Which gives us this:

Column #1

Column #2

Type your text in the cells so that it flows into th table in columns.

Don't forget to set the border attribute to zero when your layout is finished. So now it looks like this:

Column #1

Column #2

Back to the top.

E-Mail: jim314@oocities.com ICQ: 724480
Last Updated: 12/28/97 05:11:30 CST