Ir para conteúdo

Arquivado

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

PurI

Problema com menu drop down, centralização

Por , em Desenvolvimento frontend

Recommended Posts

PurI    0

PurI
Postado

Olá.

 

Fiz este menu em drop down: http://www.inf.furb.br/~puri/teste/

 

No FF funciona beleza, mas no IEca ele fica todo fora.... o que pode ser?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Foto Julius</title><style>.style1 {border: solid 1px #000000}.style2 {border-right: solid 1px #000000; border-top: solid 1px #000000; border-bottom: solid 1px #000000}body,p,table,td.input,textarea{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	color:#000033;}a{ 	text-decoration:none;	color:#000000;}.special {	position:relative; 	top:0px; 	left:0px; 	background-color:#ffffff;}</style><script language="JavaScript">function MM_swapImgRestore() { //v3.0  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;  window.onload = MM_swapImgRestore}function MM_preloadImages() { //v3.0  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}	window.onload = MM_preloadImages}function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;  window.onload = MM_findObj}function MM_swapImage() { //v3.0  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}   window.onload = MM_swapImage}function menu(){	submenu = [];	for(i=0; i<6; i++) submenu[i] = [];	textmenu = [];	for(i=0; i<6; i++) textmenu[i] = [];	textmenu[0][0] = ["Home","Empresa","Matriz","Filial"]	textmenu[0][1] = ["","","","",""];	textmenu[1][0] = ["Casamentos","Formaturas","Studio","Gestante","Comunhões"]	textmenu[1][1] = ["","","","","","",""];	textmenu[2][0] = ["Registre-se", "Login"]	textmenu[2][1] = ["","","","","",""];	textmenu[3][0] = ["Revelação Digital", "Dicas"]	textmenu[3][1] = ["","",""];	textmenu[4][0] = ["Casamentos","Gerais"]	textmenu[4][1] = ["","","",""];	textmenu[5][0] = ["Localização","Fale Conosco"]	textmenu[5][1] = ["","","",""];			menus = [];	if(document.getElementById){		menus[0] = document.getElementById("Layer1");		menus[1] = document.getElementById("Layer2");		menus[2] = document.getElementById("Layer3");		menus[3] = document.getElementById("Layer4");		menus[4] = document.getElementById("Layer5");		menus[5] = document.getElementById("Layer6");					menuinterno = document.getElementById("menu");		//menu.setAttribute("position","absolute")		function over(){ this.style.backgroundColor = '#B2B4BF'; }		function out(){ this.style.backgroundColor = '#ffffff'; }		function show(){ this.style.visibility='visible'; }		function hide(){ this.style.visibility='hidden'; }		textmenu[0][0][0] = "<a href='/home"+textmenu[0][1][0]+">" + textmenu[0][0][0] + "</a>";		textmenu[0][0][1] = "<a href='http://www.fotojulius.com.br"+textmenu[0][1][1]+">" + textmenu[0][0][1] + "</a>";		textmenu[0][0][2] = "<a href='http://www.terra.com.br"+textmenu[0][1][2]+">" + textmenu[0][0][2] + "</a>";		for(j=0; j<textmenu.length; j++){				for (i=0; i<textmenu[j][0].length; i++){				//alert(textmenu[j][0][i])								submenu[j][i] = document.createElement("DIV");				submenu[j][i].setAttribute("className", "special");				submenu[j][i].innerHTML = textmenu[j][0][i];				submenu[j][i].style.padding = "5px";				submenu[j][i].onmouseover = over;				submenu[j][i].onmouseout = out;								menus[j].appendChild(submenu[j][i]);			}						menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height));			menus[j].onmouseover = show;			menus[j].onmouseout = hide;					}			}}window.onload = menu;</script></head><body><table width="100%" height="100%" align="center"><tr><td valign="top" align="center"><div id="Layer1" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer2" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer3" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer4" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer5" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer6" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="menu" style="position:center; top:10px; left:10px; width:552px; height:36px; z-index:1000;"><script language="javascript">document.getElementById("Layer1").style.left = ((screen.width - 552) / 2) + "px";document.getElementById("Layer2").style.left = (((screen.width - 552) / 2)+97) + "px";document.getElementById("Layer3").style.left = (((screen.width - 552) / 2)+194) + "px";document.getElementById("Layer4").style.left = (((screen.width - 552) / 2)+292) + "px";document.getElementById("Layer5").style.left = (((screen.width - 552) / 2)+388) + "px";document.getElementById("Layer6").style.left = (((screen.width - 552) / 2)+485) + "px";</script><table width="583" border="0" cellpadding="0" cellspacing="0">  <tr>	<td width="98"><a href="java script:void(null)" onMouseOver="menus[0].onmouseover(); MM_swapImage('Image3','','imagens/foto_julius_roll.gif',1)" onMouseOut="menus[0].onmouseout(); MM_swapImgRestore()"><img src="imagens/foto_julius_rest.gif" class="style1" name="Image3" width="96" height="33" border="0" id="Image3" /></a></td>	<td width="97"><a href="java script:void(null)" onmouseover="menus[1].onmouseover(); MM_swapImage('Image4','','imagens/portfolio_roll.gif',1)" onmouseout="menus[1].onmouseout(); MM_swapImgRestore()"><img src="imagens/portfolio_rest.gif" class="style2" name="Image4" width="96" height="33" border="0" id="Image4" /></a></td>	<td width="97"><a href="java script:void(null)" onmouseover="menus[2].onmouseover(); MM_swapImage('Image5','','imagens/cadastro_roll.gif',1)" onmouseout="menus[2].onmouseout(); MM_swapImgRestore()"><img src="imagens/cadastro_rest.gif" name="Image5" width="96" height="33" border="0" class="style2" id="Image5" /></a></td>	<td width="97"><a href="java script:void(null)" onmouseover="menus[3].onmouseover(); MM_swapImage('Image6','','imagens/digital_roll.gif',1)" onmouseout="menus[3].onmouseout(); MM_swapImgRestore()"><img src="imagens/digital_rest.gif" name="Image6" width="96" height="33" border="0" class="style2" id="Image6" /></a></td>	<td width="97"><a href="java script:void(null)" onmouseover="menus[4].onmouseover(); MM_swapImage('Image7','','imagens/amostras_roll.gif',1)" onmouseout="menus[4].onmouseout(); MM_swapImgRestore()"><img src="imagens/amostras_rest.gif" name="Image7" width="96" height="33" border="0" class="style2" id="Image7" /></a></td>	<td width="97"><a href="java script:void(null)" onmouseover="menus[5].onmouseover(); MM_swapImage('Image8','','imagens/contato_roll.gif',1)" onmouseout="menus[5].onmouseout(); MM_swapImgRestore()"><img src="imagens/contato_rest.gif" name="Image8" width="96" height="33" border="0" class="style2" id="Image8" /></a></td>  </tr></table></td></tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

PurI    0

PurI
Postado

Uma coisa que vi agora, é que a área mostrada pelo FF é maior que a do IEca.Isto é normal?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado

Pessoal do CSS vai poder te responder melhor, o problema que está acontecendo aí vai exigir hacks de CSS.Movido.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Dúvidas Frequentes > Como fazer menus horizontal e vertical!

É bem fácil de adaptar!!!

 

E tenta não trabalhar com tabela, vai lá no http://forum.imasters.com.br/public/style_emoticons/default/searchbeforeposting.gif e pesquisa por menu css drop, que aparece bastante coisa!!!

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

PurI    0

PurI
Postado

Obrigado pela ajuda!Gostaria de saber porque evitar de usar tabelas? Uso CSS ao invés de tabelas?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

PurI, você tá perguntando pq não usar tabelas????

 

Hummm...acho que o link da plasmadesign pode ajudar você!!!

Dá uma lidinha, eu acho super interessante!!!

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

PurI    0

PurI
Postado

gio!, excelente link. Matou todas as minhas dúvidas. Valew!Maujor, na verdade o problema do menu já foi resolvido. :D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito