Web Design tips and tricks

Web designing can seem very easy with those easy tools that are now available all over the internet. But there are a few things many would appreciate to learn. Here are some simple but very practical tips.



2005-10-15



Jump to a specific Location on a Page

Sometimes when you have a long and lengthy text on your page you want to make some links which can take the visitor to a specific part in the text. This can be done with a very simple code.

Step 1 - Select the area of text that you want the link to take you to when clicked on and place the following code with a name of your choice. This will create an "anchor" for your link.

<A NAME="Anyname">Anyname</A>


Step 2 - Create your link and make sure you use the same name as you used in your anchor:

<A HREF="#Anyname">Click Here</A>

You are done!

Removing a Link Underline

Ever wondered how to remove those irritating blue links which appear when you place your mouse on a hyperlink? Well it is very simple to do by using a CSS (Cascading Style Sheets) tag. See below:

<A HREF="http://www.yourdomain.com" STYLE="TEXT-DECORATION: NONE">The Link</A>

That is the bold part in the link which removes the link underline. Simple eh!

Putting Space Around Your Image

By using some simple HTML tags you can put some space around your image. Say you want your text to appear around the image with a little distance. The following is for you:

<IMG SRC="yourimage.jpg" VSPACE="5" HSPACE="5">

VSPACE stands for Vertical Space and HSPACE stands for horizontal Space. You can change it from 5 to any value you like. Test it!

Redirect to a New Page

<meta HTTP-EQUIV="refresh content="0; url=http://www.yourdomain.com>

This META tag redirecting code will redirect your visitors to another web page as soon as the page loads. The value of "content="0" can be changed to whatever you like. Say you want the visitors to be redirected to another page after 5 seconds, then you replace the 0 with a 5.

This code is handy if you happen to change your address and want visitors to be redirected automatically to your new address.


Auto Fill Email Subject and Body

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

you@yourdomain.com

<A HREF="mailto:you@yourdomain.com?subject=Your Subject&body=Message for the body">you@yourdomain.com</a>

Enjoy!

----------------------
Akmal Khan Sapay
Multimedia Editor
Safis Web


See Also:

Search Engine Meta Tags | SSI - Simplify Your Work