Website Design Tips: HTML, JavaScript codes, tips, tricks and techniques


Web Source Web Design Tips
by Shelley Lowery

Setting Web Page Margins (MSIE)

You can remove the top, bottom and side page margins
on a web page by adding the following code within
your <body> tag.

<body bgcolor="#ffffff" topmargin=0 bottommargin=0 leftmargin=0
rightmargin=0>

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Creating A Mouseover Text Description

You can create a mouseover text description, similar to
an image alt tag, that will be viewed when the mouse is
placed over your text. Place title="your text description"
within your HTML link code.

<A HREF="http://www.yourdomain.com/" TITLE="your text
description">

In addition, you can display your description text in a
list by adding these characters &#10;&#13;.

<A HREF="http://www.yourdomain.com/" TITLE="Webmaster
Resources:&#10;&#13;

&#10;&#13;
Counters&#10;&#13;
Guestbooks&#10;&#13;
Autoresponders&#10;&#13;
and more...#10;&#13;

This description would be displayed like this:

Webmaster Resources:
Counters
Guestbooks
Autoresponders
and more...

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Auto Fill Email Subject

You can create an email link that will automatically
fill in the subject line when clicked on. Add the
following code to your HTML.

<A HREF="mailto:you@yourdomain.com?subject=Your_Subject">

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net
 
----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Creating A Status Bar Link Description

You can display a description in the status bar for
all of your links. When the mouse is placed over a
link, the link description will be viewed in the
status bar.

<A HREF="http://www.yourdomain.com" onmouseover="window.
status='Your text description'; return true" onmouseout=
"window.status='';return true">Your linked text</a>

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Displaying Text with an Image

To display your text wrapping around an image, place
the following code within your <IMG> tag followed by
your text.

Image Displayed on Left:

<IMG BORDER="0" ALIGN="Left" SRC="yourimage.jpg"> Your Text
Image Displayed on Right:

<IMG BORDER="0" ALIGN="Right" SRC="yourimage.jpg"> Your Text

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net