[COLOR=black]Menu at the left side with sub menus going to right side on horizontal line. How do I make it?
[SIZE=3]I have the code below that I’m using to make the menu, but which function should I apply to create the sub menus?[/SIZE]
[/COLOR][COLOR=black][SIZE=3]These menus are made in tables
[/SIZE]
[FONT=Arial][SIZE=2]Follows the code…[/SIZE][/FONT][/COLOR]
[COLOR=red]**<script language=JavaScript>
**[/COLOR]<!–
<!–function gotoPage(varItem)
{
if (varItem != “null”) { window.open(document.destaques.menu.value)
}
else { alert(“Selecione uma opção válida”)
}
}
function gotoPage1(varItem)
{
if (varItem != “null”) {
window.open(document.links.menu.value)
}
else {
alert(“Selecione uma opção válida”)
}
}
function gotoPage2(varItem)
{
alert(“Tá pegando”)
}
// -->
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//–>
[COLOR=red]</SCRIPT>[/COLOR]
html…
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>USCEESP</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel1 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel1.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel1.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Estrutura</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel2 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel2.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel2.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Missão</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel5 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel5.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel5.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Endereço</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel6 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel6.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel6.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Publicações</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel7 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel7.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel7.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Cursos
e Eventos </a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel8 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel8.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel8.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>aqui
link</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel9 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel9.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel9.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Links</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel10 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel10.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel10.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>aqui
link</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel11 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel11.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel11.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>aqui
link</a><A
href=“http://www.apta.sp.gov.br/biblioteca.php”> </A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD id=cel12 bgColor=#ffffff>
<TABLE class=textos1 cellSpacing=0 cellPadding=4
width=140 border=0>
<TBODY>
<TR>
<TD width=13>
<img border=“0” src=“images/botao_seta_menupequeno.gif” width=“13” height=“13”></TD>
<TD
onmouseover=“cel12.style.backgroundColor=’#eeeeee’;”
onmouseout=“cel12.style.backgroundColor=’#FFFFFF’”>
<a href=“teste1.htm”>Webmail</a></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
[SIZE=3] [/SIZE]
end code=========================================================
Jeovan Toledo
[FONT=Arial][SIZE=2][COLOR=red]Thanks[/COLOR][/SIZE][/FONT]
[FONT=sans-serif][SIZE=2]
[/SIZE][/FONT]