pagerunners.com html tips n' tricks

A new section detailing some old and new HTML tips and tricks. Most of the examples can easily be cut and pasted into your own source code. Shown below is the 216 web safe color chart with rgb values. The newest feature is an rgb to hex conversion script.

Source code for the mouseover:

<script>
<!--

function showtip(tip){
document.tool.tip.value=tip
}
//-->
</script>

<table border="1" bordercolor="#000000">
<tr>
<td bgcolor="#000000"><a href="000000.jpg" onMouseover="showtip('#000000');theForm.out.value='0-0-0'" onMouseout="showtip('');theForm.out.value=''"><img src="pixel.gif" width="19" height="19" border="0"></a></td>
<td bgcolor="#000033"><a href="000033.jpg" onMouseover="showtip('#000033');theForm.out.value='0-0-51'" onMouseout="showtip('');theForm.out.value=''"><img src="pixel.gif" width="19" height="19" border="0"></a></td>
<td bgcolor="#000066"><a href="000066.jpg" onMouseover="showtip('#000066');theForm.out.value='0-0-102'" onMouseout="showtip('');theForm.out.value=''"><img src="pixel.gif" width="19" height="19" border="0"></a></td>
<td bgcolor="#000099"><a href="000099.jpg" onMouseover="showtip('#000099');theForm.out.value='0-0-153'" onMouseout="showtip('');theForm.out.value=''"><img src="pixel.gif" width="19" height="19" border="0"></a></td>
<td bgcolor="#0000CC"><a href="0000CC.jpg" onMouseover="showtip('#0000CC');theForm.out.value='0-0-204'" onMouseout="showtip('');theForm.out.value=''"><img src="pixel.gif" width="19" height="19" border="0"></a></td>
<td bgcolor="#0000FF"><a href="0000FF.jpg" onMouseover="showtip('#0000FF');theForm.out.value='0-0-255'" onMouseout="showtip('');theForm.out.value=''"><img src="pixel.gif" width="19" height="19" border="0"></a></td>
</tr>
</table>

<table>
<tr>
<td width="50%" align="left">
<form name="tool">
<font face="arial, helvetica" size="1" color="#000047"><b>HEX:</b></font>
<input type="text" name="tip" size="12">
</form></td>
<td width="50%" align="left">
<form name="theForm">
<font face="arial, helvetica" size="1" color="#000047"><b>RGB:</b></font>
<input type="text" name="out" size="12">
</form>
</td>
</tr>
</table>

Imagework Examples:

	"popping" out at the beach

	chateau watercolor "painting"

	waterdrops--no rain required