Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jeovan_toledo

menu e sub menus

Recommended Posts

menu na lateral esquerda com sub menus saindo para a direita na horizontal, como faço?

TEnho este código abaixo que estou fazendo o menu, mas não sei criar submenus...

 

Alguém pode me ajudar?

 

<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">teste</a></TD></TR></TBODY></TABLE></TD></TR>

 

Obrigado

 

Jeovan

Compartilhar este post


Link para o post
Compartilhar em outros sites

sem contar que tem uma meia dúzia de topcs somente nesta página com menus e sub menus.. rsss :D=o**

Compartilhar este post


Link para o post
Compartilhar em outros sites

valeu vi e li, mas estão um pouko diferente do meu menu o qual ainda não tem submenus, como não quero perder o trabalho já feito estou tentando colocar submenus...segue meu código...

 

=====================================================

 

<script language=JavaScript>

<!--

<!--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);

}

//-->

</SCRIPT>

 

 

 

este vai no restante do 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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com tabelas fica meio complicado....acho que seria interessante você seguir aquele link.

Compartilhar este post


Link para o post
Compartilhar em outros sites

valeu vi e li, mas estão um pouko diferente do meu menu o qual ainda não tem submenus, como não quero perder o trabalho já feito estou tentando colocar submenus...segue meu código...

 

=====================================================

 

<script language=JavaScript>

<!--

<!--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);

}

//-->

</SCRIPT>

 

 

 

este vai no restante do 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>

eis um exemplo do menu feito em tabela:

 

C:\templates_web\Menu em tabela\Menu em tabela.htm

 

 

valeu vou continuar pesquisando...menus em tabela...

 

 

valeu vi e li, mas estão um pouko diferente do meu menu o qual ainda não tem submenus, como não quero perder o trabalho já feito estou tentando colocar submenus...segue meu código...

 

=====================================================

 

<script language=JavaScript>

<!--

<!--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);

}

//-->

</SCRIPT>

 

 

 

este vai no restante do 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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.