Common Mistakes

Top  Previous  Next

Some common mistakes/traps made when coding HTML by hand:

Incorrect Image Paths.
This is especially prevalent when using an HTML editor, such as FrontPage or HotMetal, to do your design work. These wysiwyg editors have a nasty habit of coding virtual paths for images, such as:

<IMG SRC="images/something.gif">

This is an invalid img tag, because, in general your programs are installed under your web server's /cgi-bin directory, where there won't be an "images" subdirectory available. The proper way to reference images within your template, is to use full/absolute paths, like this:

<IMG SRC="/images/something.gif">

As you can see, this second example forces the image to be drawn from your web site's real "images" directory. While your wysiwyg editor may not be able to show you the image properly when using that notation, it is the proper and correct notation to use.

Nested Form Tags
Another nasty gem that wysiwyg editors are famous for, is to have <FORM> tags all over the place inside your HTML. Consider this simple example:
   <FORM>
    .. a bunch of HTML from the editor....
    <!-- PLUGIN:SEARCH -->
   </FORM>

In some JJS Programs, The "SEARCH" plugin is a search form. What would happen when the program parses and renders a template with this example would be a form (the search box) inside of another form, which is a big no-no. HTML Editors do that quite often, inserting forms where they're not needed, simply to provide some formatting to your document. Check for this common trap when pasting in your HTML.