Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Primeiramente, boa noite a todos, e desculpem pelo extenso post. Espero que quem se propuser a me ajudar consiga entender o problema como eu abaixo o descrevi. Se necessário algum tipo de compensação pela ajuda é só falar.
Gostaria de pedir uma ajuda urgente de quem entende do assunto, pois já estou há 3 horas tentando resolver mas não me vem à mente uma solução pro meu problema, que é o seguinte:
Após várias dificuldades com as imagens, consegui implementar o menu DESTE TUTORIAL na minha tabela de menu, conforme a imagem comprova:
http://images.cjb.net/bc400.jpg
A tabela do meu menu está disposta da seguinte forma:
http://images.cjb.net/ba5e5.jpg
Eis o código-fonte desta tabela:
CODE
<table width="140" height="280" border="0" cellpadding="0" cellspacing="0"> <tr>
<td width="150" height="30"><img src="img/icomp2.jpg" width="150" height="30" align="absbottom"></td>
</tr>
<tr>
<td width="150" height="30"><a href="inicio.html" target="inicio"><img src="img/home.jpg" name="Image1" width="150" height="30" border="0" align="absbottom" id="Image1" onMouseOver="MM_swapImage('Image1','','img/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
</tr>
<tr>
<td width="150" height="30"><ul>
<li><a href="loja.html" target="inicio"><img src="img/loja.jpg" name="Image2" width="150" height="30" border="0" align="absbottom" id="Image2" onMouseOver="MM_swapImage('Image2','','img/loja2.jpg',1)" onMouseOut="MM_swapImgRestore()"></img></a>
<ul>
<li><a href="sobre.html" target="inicio"><img src="img/sobre.gif" border="0" name="sobre" onMouseOver="MM_swapImage('sobre','','img/sobre2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
<li><a href="filiais.html" target="inicio"><img src="img/filiais.gif" border="0" name="filiais" onMouseOver="MM_swapImage('filiais','','img/filiais2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
<li><a href="#" onClick="MM_openBrWindow('galeria2.html','Galeria','width=400,height=350')"><img src="img/fotos.gif" border="0" name="fotos" onMouseOver="MM_swapImage('fotos','','img/fotos2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
</ul>
</li></td>
</tr>
<tr>
<td width="150" height="30"><ul>
<li><a href="servicos.html" target="inicio"><img src="img/servicos.jpg" name="Image3" width="150" height="30" border="0" align="absbottom" id="Image3" onMouseOver="MM_swapImage('Image3','','img/servicos2.jpg',1)" onMouseOut="MM_swapImgRestore()"></img></a>
<ul>
<li><a href="lan.html" target="inicio"><img src="img/lan.gif" border="0" name="lan" onMouseOver="MM_swapImage('lan','','img/lan2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
<li><a href="assistencia.html" target="inicio"><img src="img/assistencia.gif" border="0" name="assistencia" onMouseOver="MM_swapImage('assistencia','','img/assistencia2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
<li><a href="#" onClick="MM_openBrWindow('promocoes.html','Promoções','width=300,height=400')"><img src="img/promo.gif" border="0" name="promo" onMouseOver="MM_swapImage('promo','','img/promo2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
</ul>
</li></td>
</tr>
<tr>
<td width="150" height="30"><ul>
<li><a href="games.html" target="inicio"><img src="img/games.jpg" name="Image4" width="150" height="30" border="0" align="absbottom" id="Image4" onMouseOver="MM_swapImage('Image4','','img/games2.jpg',1)" onMouseOut="MM_swapImgRestore()"></img></a>
<ul>
<li><a href="parcerias.html" target="inicio"><img src="img/parcerias.gif" border="0" name="parcerias" onMouseOver="MM_swapImage('parcerias','','img/parcerias2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
<li><a href="#" target="inicio"><img src="img/outros.gif" border="0" name="outros" onMouseOver="MM_swapImage('outros','','img/outros2.gif',1)" onMouseOut="MM_swapImgRestore()"></img></a></li>
</ul>
</li>
</a></td>
</tr>
<tr>
<td width="150" height="30"><a href="vendas.html" target="inicio"><img src="img/vendas.jpg" name="Image5" width="150" height="30" border="0" align="absbottom" id="Image5" onMouseOver="MM_swapImage('Image5','','img/vendas2.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
</tr>
<tr>
<td width="150" height="30"><a href="contato.html" target="inicio"><img src="img/contato.jpg" name="Image6" width="150" height="30" border="0" align="absbottom" id="Image6" onMouseOver="MM_swapImage('Image6','','img/contato2.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
</tr>
<tr>
<td width="150" height="70"> </td>
</tr>
</table>
O problema é que o famigerado li:hover não funciona no Internet Explorer 5/6 da mesma forma que no IE7/FF, como todos já devem saber...
E o tutorial não explica nem um pouco como se trabalha com um menu composto por imagens, o que é lamentável pois estas acabam estourando o resto do layout ao serem inseridas no dreamweaver.
Já tentei utilizar técnicas como a deste tutorial: http://www.xs4all.nl/~peterned/csshover.html (o qual o resultado final é por sinal muito bom: http://www.xs4all.nl/~peterned/examples/cssmenu.html)), mas também é bem complicado de adaptar ao meu menu "tabela + imagens".
Se alguém se importar em ajudar um pobre novato que precisa disso mais que tudo eu agradeço demais, e sendo necessárias compensações, trataremos do assunto. Não sei se é permitido, mas deixo meu msn pra quem quiser entrar em contato: danielrossi88@gmail.com
Obrigado!!!!!!
Carregando comentários...