BigNoseBird.Com- Small Logo
The 508 compliant Guide to 
       Big Nose Bird
Site Search Engine

Advanced HTML Page Layout Techniques

Jump to the Tutorials!

About this section...
The purpose of this section is to present you with interesting page formatting techniques. These pages were created by mixing various techniques from the HTML Tricks Page and following the general method as suggested in our Design Guidelines Page. Each page consists of the following:

  • The actual page's contents at the top.

  • Non-operational link buttons on the top part of the page to avoid confusion.

  • The source code with comments under the demonstration page.

  • The BigNoseBird.Com navigation buttons at the very bottom of the page as not to interfere with the desired effect.
To customize any page for your use, just cut and paste the source code section from the browser into your editor. After that, just:
  • Create your own graphics and change the proper HEIGHT and WIDTH attributes in the proper IMG tags.

  • Download a copy of spacer.gif which is a 1 pixel square transparent GIF file that is used on many of the pages for spacing purposes. If your browser does not ask you to save the file, right click on the image below

  • Modify any links so that the graphic link agrees with your target page.

  • Replace the text with whatever your page should be.

  • Add any additional graphics and notes where you want them.
These pages are examples of different styles that you may have come across while surfing the web. The idea here is present them with the absolute minimum of tags and verbage to keep the pages easy to read, and easy to understand.

The examples collection will grow over time so check back in every so often. Although not meant as commercials, we will often use the name of the site we are working on if we have permission to do so.

Style 1: Patterned Left Margin with the Graphical Navigation Buttons Near the Main Logo Click here for tutorial

Style 3: Faux Frames, or how to get that frame look without actually using them. Click here for the tutorial

Style 4: The Corporate Graphic Slab Door Mat Click here for the tutorial

Style 5: The College Dorm Look, or mom & dad will never see this page. (I hope!) Click here for the tutorial

Find or Give Help on the BBS
Home Top E-Mail
If it looks great, it's by Christine
Some Fine Print
© 1997-2003 BigNoseBird.Com®, Inc. All rights reserved. All other trademarks are the sole property of their respective owners. The products that we recommend are only ones that we use. We have no relationship with any of the authors or their companies. We cannot assume responsibility for their ultimate performance or lack of same. We also cannot assume responsibility for either any programs provided here, or for any advice that is given since we have no control over what happens after our code or words leave this site. Always use prudent judgment in implementing any program- and always make a backup first! For further information, please read our Privacy Statement. We can be contacted at

Web Builder Network Portal
on the
BigNoseBird Newsletter

Sign up today to receive our low volume newsletter. Tips, tricks, news, and whatever else crosses our minds.
Back Issues
Privacy Statement