html editing, hand coding, httml tips and tricks, web programming, website design
art studios graphic artists design resource
html editing, hand coding, httml tips and tricks, web programming, website design
  HOME | CONTENT | RESOURCES | HELPA Member of the Neotrope® Interactive Network 
html editing, hand coding, httml tips and tricks, web programming, website design
graphic arts photoshop using photoshop
html editing, hand coding, httml tips and tricks, web programming, website design
  Digital Author - the online magazine for creators of digital content
digital authoring
graphic arts photoshop using photoshop
html editing, hand coding, httml tips and tricks, web programming, website design
 
SEARCH
html editing, hand coding, httml tips and tricks, web programming, website design
html editing, hand coding, httml tips and tricks, web programming, website design
html editing, hand coding, httml tips and tricks, web programming, website design
Images on this site were compressed using e-Vue MPEG4 technology in 2001, which was groundbreaking at the time for its DRM component and higher compression than JPG, however e-Vue is no more — we are transitioning these images to JPEG for 2004.
html editing, hand coding, httml tips and tricks, web programming, website design
web works articles

Home > Web Works > Article > Page 1 | 2 | 3
HTML Master Class:
Secrets of the "Hand Coders"

Tips and tricks to make your
Web programming more efficient

by Christopher Simmons, executive editor
Copyright © 2001 Christopher Simmons

Im often asked "how did you do that" by those who are still learning the more arcane aspects of HTML programming. Several common tasks that more experienced Web gurus have down pat will mightily befuddle the less experienced, or anyone who has come to rely entirely on WYSIWYG editing tools.

Let’s take a look at a couple of the more prominent HTML mysteries, and seek to enlighten those who have scratched their heads over how these things are done. Snatching a pebble from one’s hand is not a requirement.

Wall to Wall
If you’ve ever designed a Web page and wanted to have it fill the screen from side to side, leaving no margin, you might have been surprised to find that setting your table "width=100%" doesn’t actually fill 100 percent of the screen width in your chosen Web browser. Nor, for that matter, will setting your table to "height=100%" force it to touch the top of the browser window. It turns out that every browser always has a little built-in margin; sort of a default space between the edges on all sides, that was originally intended to keep text from touching the sides of the window area.

This is one of the easiest things to fix, although you may have to add it to your code manually if using a WYSIWYG editor. It involves some of the least-documented HTML tags, and certainly some of the most useful. They are added to the <BODY> tag which begins the live area of your Web page. These tags affect both Netscape and Internet Explorer specifically, so you must include both types. These tags are:

TOPMARGIN="0" BOTTOMMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" and they must be placed inside the body tag itself, in the same place where you would specify overall page background color and link colors.

© 2001 Christopher Simmons

Images show effect of margin body tags with (background), and without (foreground) in relation to browser window edges.

If you look at the example illustration above, you will see how this affects the exact same Web page: in the top image, the page fills left to right and is flush to the top, while the lower image shows that there is a very noticeable space at top and on either side.

Continued Next Page >

Home > Web Works > Article > Page 1 | 2 | 3

NOTICE: All content on this site is protected by U.S. and international copyright laws. By viewing this content, you agree to be bound by our Terms of Use. Reproduction, redistribution, or derivitive works in any form is strictly prohibited. Copyright © 1995-2002 Christopher Simmons — All Rights Reserved.
html editing, hand coding, httml tips and tricks, web programming, website design
 
 

shop at Amazon.com
100 Hot Books
100 Hot CDs
100 Hot DVDs
Hottest Software

Book Search


More Cool Stuff

Copr. ©śChristopher Simmons
Music to get creative!
Listen to the electronica space CD "Beserker" by Christopher Simmons while you work and be more creative!
More Info

html editing, hand coding, httml tips and tricks, web programming, website design html editing, hand coding, httml tips and tricks, web programming, website design
Top of Page | Home Page | Privacy | Panic Button

This site needs a modern web browser and Java. More Info
This Web site is powered by Neotrope™ Hosting

html editing, hand coding, httml tips and tricks, web programming, website design html editing, hand coding, httml tips and tricks, web programming, website design
digital artwork
html editing, hand coding, httml tips and tricks, web programming, website design
html editing, hand coding, httml tips and tricks, web programming, website design   html editing, hand coding, httml tips and tricks, web programming, website design
html editing, hand coding, httml tips and tricks, web programming, website design
web design the neotrope(tm) network - click to gohtml editing, hand coding, httml tips and tricks, web programming, website design
html editing, hand coding, httml tips and tricks, web programming, website design
neotrope