jeovan_toledo 0 Denunciar post Postado Novembro 7, 2006 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
Giovani 104 Denunciar post Postado Novembro 7, 2006 Mais um link do maujor, boa leitura! Caso pinte dúvidas, volte a postar!!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites
jeovan_toledo 0 Denunciar post Postado Novembro 7, 2006 tanks!!! Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Novembro 7, 2006 Leia sem medo os links que te passei, são bem importantes!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites
RoXbY 3 Denunciar post Postado Novembro 7, 2006 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
jeovan_toledo 0 Denunciar post Postado Novembro 7, 2006 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
Giovani 104 Denunciar post Postado Novembro 7, 2006 Com tabelas fica meio complicado....acho que seria interessante você seguir aquele link. Compartilhar este post Link para o post Compartilhar em outros sites
jeovan_toledo 0 Denunciar post Postado Novembro 7, 2006 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