Unraveling The Mystery of The Invisible " " And The Invisible "Gif" SPACERS
Q How can you show an escape character to a reader such as ?
A You prefix the as follows: &nbsp;. Similarly &lt; becomes: < , and &gt; becomes: >
Using &#160 will also create a space twice the space produced by &nbsp.
USES FOR THE INVISIBLE SPACER: &nbsp; This spacer can be used to create a separation between words, or to precisely position an image within your web page. Hint: It can also be used to create a delayed message within a marquee.Several spacers are required to achieve the delay.
The empty space between here and here was created by usig 20 spacers. This is equivalent to 20 spaces of the keyboad.
ALSO:
The invisible spacer can also be used to position an image to a desired spot on your page.
<IMG src="web/girl.butfly.nose.gif">
Required 20 cool spacers to displace from the left edge.
SPAN AS A SPACER:
<SPAN STYLE="margin-left:5.0in"><IMG SRC="web/girl.butfly.nose.gif"></SPAN>
<SPAN STYLE="margin-left:2.0in"><IMG SRC="web/girl.butfly.nose.gif"></SPAN>
Using the <pre> and the </pre> tag as a text and image spacer.
A text example.
Begining of a text example and the finish after hitting the keyboard space bar 15 times.
An IMAGE example.
not within pre tags
Within pre tags after hitting spacebar 15 times. |
AN INVISIBLE GIF AS A SPACER:
<IMG SRC="web/spacer.gif" height="100" width="200"><IMG SRC="web/butfly18.gif">
AN INVISIBLE GIF AS A SPACER WITH TEXT:
RED TEXT: <IMG SRC="web/spacer.gif" height="50" width="200" align="left"> GREEN TEXT
This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer.
AN INVISIBLE GIF AS A SPACER WITH TEXT:
RED TEXT: <CENTER>:<IMG SRC="web/spacer.gif" height="50" width="200"></CENTER>: GBEEN TEXT
This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer.
AN INVISIBLE GIF AS A SPACER WITH TEXT:
RED TEXT: <IMG SRC="web/spacer.gif" height="50" width="200" align="right"> GREEN TEXT
This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located before the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer. This text is located after the invisible gif spacer.