COMING!

Guestbooks
Definitions
Counters
Misc.

Suggestions?
Comments?
Additions?

WebReb

copyright
Web Reb 1998

launched - 12/17/97

FREE HTML HELP
Some examples of HTML tricks

INDENTING PARAGRAPHS OR PLACING OBJECTS ON YOUR WEB PAGE
Method #1 is to use an "dot image/graphic" similar in color to your background. When you assign a size, that virtually invisible image takes up that amount of space. In this indented paragraph, a blue dot placed in front of the text and was assigned a horizontal space of 8 pixels.
The code looks like this <IMG SRC="dot_blue.gif" hspace=8>. Since the space occurs on both sides of the pixel, your effective spacing is 16 pixels wide. It moves the text over 16 pixels, indenting the first line of the paragraph.
Examples:
<IMG SRC="dot_blac.gif" hspace=15 vspace=15 border=0> gives you a square of space like this -
<IMG SRC="dot_blac.gif" hspace=30 vspace=5> gives you a rectangle of space like this -
If you have a graphic which you want to appear on your purple colored webpage 200 pixels from the left of the screen and 60 pixels from the top, you would put this in front of your graphic.
<IMG SRC="dot_purp.gif" hspace=100 vspace=30><BR><IMG SRC="mygraphic.gif">
Where do you get a colored 1 pixel dot?
Just right-click on the each square below and "Save As"
Black Dot -
Blue Dot -
Red Dot -
Purple Dot -
Green Dot -
Dark Dot -
Clear Dot -

Method #2 uses another HTML code tag which similarly performs like the above dots. This tag is called <SPACER> and has 2 types: Block and Horizontal or Vertical.
<SPACER TYPE=HORIZONTAL SIZE=15> gives you a blank space 15 pixels wide.
Spacer "Type" of "horizontal" or "vertical" have the "size" designation.
<SPACER TYPE=BLOCK HEIGHT=30 WIDTH=20 ALIGN=LEFT> gives you a blank rectangle 30 pixels high by 20 pixels wide aligned to the left of the page.
Spacer "Type" as a "block" has the "height" and "width" designations.

Example
You have two images. If you write your HTML code like this:
<IMG SRC="image1.gif"><IMG SRC="image2.gif">
they will appear right next to each other with no space in between.

If you write your HTML code like this:
<IMG SRC="image1.gif"><SPACER TYPE=HORIZONTAL SIZE=25><IMG SRC="image2.gif">
the images will appear side by side with a blank space of 25 pixels in between them.

Note: Using both the <SPACER> tag and the <IMG SRC="dot.gif:> tag with text allows the text to be spaced around them. Example
<IMG SRC="images/dot_red.gif" vspace=20 hspace=20 border=0 align=left> then some text, gives you this:
Did you know you can place anything anywhere on your web page, move a graphic over or up or down from 1 pixel to as many pixels as you can put in, with two very simple methods. Did you know you can place anything anywhere on your web page, move a graphic over or up or down from 1 pixel to as many pixels as you can put in, with two very simple methods.
<SPACER TYPE=BLOCK HEIGHT=40 WIDTH=40 ALIGN=LEFT> then some text will give you this:
Did you know you can place anything anywhere on your web page, move a graphic over or up or down from 1 pixel to as many pixels as you can put in, with two very simple methods. Did you know you can place anything anywhere on your web page, move a graphic over or up or down from 1 pixel to as many pixels as you can put in, with two very simple methods.

WebReb

This WWWHelpful site is owned by WebReb.