# Menus...submenus...help! help!

**URL:** <https://forum.kirupa.com/t/menus-submenus-help-help/207397>\
**Category:** Uncategorized\
**Created:** [November 16, 2006, 11:34pm UTC](https://forum.kirupa.com/t/menus-submenus-help-help/207397 "2006-11-16T23:34:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeovan\_toledo](https://avatars.discourse-cdn.com/v4/letter/j/8baadc/32.png) [@jeovan\_toledo](https://forum.kirupa.com/u/jeovan_toledo)\
**Post date:** [November 16, 2006, 11:34pm UTC](https://forum.kirupa.com/t/menus-submenus-help-help/207397/1 "2006-11-16T23:34:47Z")

</div>

[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](https://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](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]