Simple Menu 3

  Meny1     Meny2     Meny3     Meny4  





Make the Style as you want. This is my Style between the HEAD-tags:
<style type="text/css">
.bord {
border-color: #334488;
border-style: solid;
border-width: 5px;
font-size: 12px;
font-weight: bold
}
A:hover {
color:beige;background-color:5F9EA0
}
</style>


The Menu itself goes like this:
<form action=" " name="form1">
<table class=bord cellspacing="0" cellpadding="5" align=center bgcolor="#327D85">
<tr><td width="25%">
<a href="http://www.yoursite1.com" onMouseOver="form1.description.value='This shows the contents for Meny1.' ;return true" onMouseOut="form1.description.value='';return true">
<font color="#FFFFFF"> &nbsp; Meny1 &nbsp; </font> </a>
</td><td width="25%">
<a href="http://www.yoursite2.com" onMouseOver="form1.description.value='This shows the contents for Meny 2 ';return true" onMouseOut="form1.description.value='';return true">
<font color="#FFFFFF"> &nbsp; Meny2 &nbsp; </font></a>
</td><td width="25%">
<a href="http://www.yoursite3.com" onMouseOver="form1.description.value='This shows the contents for Meny 3 ';return true" onMouseOut="form1.description.value='';return true">
<font color="#FFFFFF"> &nbsp; Meny3 &nbsp; </font></a>
</td><td width="25%">
<a href="http://www.yoursite4.com" onMouseOver="form1.description.value='This shows the contents for Meny 4';return true" onMouseOut="form1.description.value='';return true">
<font color="#FFFFFF"> &nbsp; Meny4 &nbsp; </font></a>
</td></tr><tr><td colspan=4 align=center>
<textarea name="description" cols=70 rows=2>Read here!</textarea>
</td></tr></table>
</form>

Free JavaScripts provided
by Winfolinx.com


Back