HTML Tips
Rid The Space In Your Design On The Left
You just made yourself a perty design but you are stuck with an ugly blank space on the left side of your page. Want to rid it? Read on…
Change your body tag to the following:
Code:
<body left margin=”0″ right margin=”0″ margin width=”0″ margin height=”0″ bottom margin=”0″ top margin=”0″>
Position Your Content Left, Right, and Center
Here’s how to position your content left, right, and center.
• Align left
Use this code:
Code:
<p align=”left”>Content here</p>
• Align right
Use this code:
Code:
<p align=”right”>Content here</p>
• Align center
Use this code:
Code:
<p align=”center”>Content here</p>
or: <center>Content here</center>
You can also use other tags besides the paragraph tag the same way. Like you can use the div tag like [...]
Table Menu WIth Description
Create a table that when links are hovered over a description appears.
Place this between your head tags:
Code:
<style type=”text/css”>
<!–
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
–>
</style>
<script language=”javascript”>
<!–
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from javascriptkit.com
Visit http://javascriptkit.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background=’COLOR#1′
if (document.getElementById)
document.getElementById(”boxdescription”).innerHTML=html
else
boxdescription.innerHTML=html
}
function moveout(which){
which.style.background=’COLOR#2′
if (document.getElementById)
document.getElementById(”boxdescription”).innerHTML=’ ‘
else
boxdescription.innerHTML=’ ‘
}
//–>
</script>
Add this code where you want the menu to appear on [...]
Cool Rollover Navigation Menu
Here’s a cool rollover navigational menu you can use on your site to add some nifty style to your pages.
Just add this where you want it to show on your page and then change the links and the colors to your own preference. Enjoy!
Code:
<table border=0 width=100 cellpadding=0 cellspacing=0>
<br>
<tr height=20 bgcolor=”#00BDFF” width=100%><td align=center><font color=”#FFFFFF” face=”verdana”><b>Navigation</b></font></td></tr>
<tr height=20 [...]
How to add an Iframe
Want to add an iframe to your website?
Copy this piece of code.
Code:
<IFRAME src=”/IFRAMEPAGE.html” name=”frame” width=”200″ height=”200″ frameborder=”0″></IFRAME>
Edit the width and height to determine what size your iframe will be. The numbers in the div tag for top and left are to position your iframe on your website. The higher the number for the top position [...]
Creating a Status Bar Link
How to display your link description in the status bar of your browser:
When the mouse is placed over the link, the link description will be viewed in the status bar.
Change the red text to suit your needs:
Code:
<A href=”http://www.domain.com”
onmouseover=”window.status=’ Your text description ‘; return true”
onmouseout=”window.status=”;return true”> Your linked text </a>
Avoid the GoogleBot
Do you have pages that you do NOT wish for Google to index into their search engine?
You know, like private files and such….Place this meta tag into every page you do not want Google to crawl into.
<meta name = “robots” content = “noindex”>
