Ir para conteúdo

POWERED BY:

Arquivado

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

CatarinaValente

[Resolvido] Fireworks + Dreamweaver= problemas no menu no IE

Recommended Posts

Olá a todos!

Sou nova por aqui e tenho uma dúvida que não consigo arranjar solução! :unsure:

Eu criei um site no Photoshop e fatiei-o lá. Abri o Dreamweaver e criei os links e também uma iframe para colocar o conteúdo do site. Testei no DW e deu tudo certo, quer no Internet Explorer, quer no Firefox.

 

Aí fui ao FW e criei em um dos links um menu drop-down com os links abrindo dentro da iframe, só que ao exportar novamente como html a iframe desaparece no DW no IE :blink: e nenhum dos links abre na iframe, que nem aparece na página. No Firefox, dá tudo certinho http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Eu não tenho conhecimentos de tableless e gostaria de continuar trabalhando com Photoshop para criar os meus layouts mas preciso saber se tem como resolver este problema no menu, pois no meio da página quando testo no IE fica um espaço em branco aonde eu coloquei a iframe.

 

Já tentei z-index na iframe mas mesmo assim não deu em nada.

deixo aqui o código gerado pelo FW e o Java-script tb. Agradeço toda a ajuda possível!!

Obrigada!

 

Cathy

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}

#FWTableContainer1952693798 {
	/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:1024px;
	height:900px;
	text-align:left;
}

#MMMenuContainer0311195145_0 {
	/* This ID is related to the master menu div for menu MMMenuContainer0311195145_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:268px;
	top:226px;
	visibility:hidden;
	z-index:2;
}

#MMMenu0311195145_0 {
/* This class defines things about menu MMMenu0311195145_0's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#999900;
	border:0px solid #330000;
	width:181px;
	height:66px;
}

.MMMIFVStyleMMMenu0311195145_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0311195145_0 */
	border-top:0px solid #999900;
	border-left:0px solid #999900;
	border-bottom:0px solid #999900;
	border-right:0px solid #999900;
	width:181px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:175px;
	height:16px;
}

.MMMIVStyleMMMenu0311195145_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0311195145_0 */
	border-top:0px;
	border-left:0px solid #999900;
	border-bottom:0px solid #999900;
	border-right:0px solid #999900;
	width:181px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:175px;
	height:16px;
}

#MMMenu0311195145_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0311195145_0 so we can set its position */
	left:0px;
	top:0px;
}

#MMMenu0311195145_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0311195145_0 so we can set its position */
	left:0px;
	top:22px;
}

#MMMenu0311195145_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0311195145_0 so we can set its position */
	left:0px;
	top:44px;
}

#MMMenuContainer0311195145_0 img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainer0311195145_0 a {
/* Controls the general apperance for menu MMMenuContainer0311195145_0's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:3px;
	background-color:#330000;
	font-weight:bold;
	font-style:normal;
	display:block;
	position:absolute;
}

#MMMenuContainer0311195145_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0311195145_0 */
	color:#ffffff;
	background-color:#999900;
}

JS

 

var mmOpenContainer = null;
var mmOpenMenus = null;
var mmHideMenuTimer = null;

function MM_menuStartTimeout(hideTimeout) {
	mmHideMenuTimer = setTimeout("MM_menuHideMenus()", hideTimeout);	
}

function MM_menuHideMenus() {
	MM_menuResetTimeout();
	if(mmOpenContainer) {
		var c = document.getElementById(mmOpenContainer);
		c.style.visibility = "inherit";
		mmOpenContainer = null;
	}
	if( mmOpenMenus ) {
		for(var i = 0; i < mmOpenMenus.length; i++) {
			var m = document.getElementById(mmOpenMenus[i]);
			m.style.visibility = "hidden";			
		}
		mmOpenMenus = null;
	}
}

function MM_menuHideSubmenus(menuName) {
	if( mmOpenMenus ) {
		var h = false;
		var c = 0;
		for(var i = 0; i < mmOpenMenus.length; i++) {
			if( h ) {
				var m = document.getElementById(mmOpenMenus[i]);
				m.style.visibility = "hidden";
			} else if( mmOpenMenus[i] == menuName ) {
				h = true;
			} else {
				c++;
			}
		}
		mmOpenMenus.length = c+1;
	}
}

function MM_menuOverMenuItem(menuName, subMenuSuffix) {
	MM_menuResetTimeout();
	MM_menuHideSubmenus(menuName);
	if( subMenuSuffix ) {
		var subMenuName = "" + menuName + "_" + subMenuSuffix;
		MM_menuShowSubMenu(subMenuName);
	}
}

function MM_menuShowSubMenu(subMenuName) {
	MM_menuResetTimeout();
	var e = document.getElementById(subMenuName);
	e.style.visibility = "inherit";
	if( !mmOpenMenus ) {
		mmOpenMenus = new Array;
	}
	mmOpenMenus[mmOpenMenus.length] = "" + subMenuName;
}

function MM_menuResetTimeout() {
	if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
	mmHideMenuTimer = null;
}

function MM_menuShowMenu(containName, menuName, xOffset, yOffset, triggerName) {
	MM_menuHideMenus();
	MM_menuResetTimeout();
	MM_menuShowMenuContainer(containName, xOffset, yOffset, triggerName);
	MM_menuShowSubMenu(menuName);
}

function MM_menuShowMenuContainer(containName, x, y, triggerName) {	
	var c = document.getElementById(containName);
	var s = c.style;
	s.visibility = "inherit";
	
	mmOpenContainer = "" + containName;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vish Maria...

 

Isso vai render uma analise profunda, vou verificar refazendo-os aqui mais tarde, mas a principio vou deixar uns testes para você fazer.

 

O Iframe esta sendo posto no DW? Se não, tente coloca-lo no DW direto no código.

Veja se sem o Menu-DropDown o iframe funciona, exportando a pagina ainda do FW. Se não funcionar ja sabemos que é mais especifico.

 

Eu particularmente não gosto desse recurso do Fireworks para criar dropdowns, pelo simples motivo de ele não criar bons codigos, o que gera MUITOS bugs, mas eu vou analisar o seus codigos o quanto antes para ver oque pode ser feito!

Por enquanto, ficam as dicas...

;D

 

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ó AcquaBlue!! Abençoado sejas tu!! :D

Eu preciso mesmo de uma orientação pois estou perdida!

Bem, quanto ás tuas questões, sim eu crio o Iframe dentro do DW. E quando testo o layout sem o drop-down menu, a iframe funciona sem problemas, felizmente quer no IE, quer no firefox!

 

Mais uma vez obrigada pela atenção!

Cathy! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então catarina, estive olhando mais profundamente o codigo e aparentemente esta normal, sem problemas.

 

Eu acho que o problema é das duas uma: Navegador ou Forma de uso do menu/codigo da pagina.

 

Quando voce cria a pagina, você esta importanto o menu para dentro da pagina com o Iframe ou você esta aproveitando a pagina criada pelo fireworks para adicionar o iframe? Por que eu fiz uns testes rapidos aqui e o iFrame funcionou normalmente. Desenhei o menu e exportei, abri o HTML gerado no DW e adicionei o Iframe, nos testes, funcionou. Tanto no FF quanto no IE.

 

Você desenhou o site todo no fireworks e depois exportou tudo ou você so desenhou o menu e esta tentando adiciona-lo a uma pagina ja pronta?

Eu recomendo que você desenhe todo o site, ja com o menu feito no Fireworks, exporte, e depois so substituia a area do iFrame no DW. Acho que dessa forma funcionaria, não sei. So testando.

 

Espero que isso te ajude!

Abraçs!

;D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá AcquaBlue!

Então, eu tentei tudo isso que você sugeriu e nada! :mellow: não deu certo!

Então estou te mandando o código da página como aparece no DW. Você pode ver a iframe que coloquei depois no DW e depois de fazer o que você disse.

 

Quem sabe assim, você descobre o segredo. Eu passei ontem tentando inúmeras maneiras mas infelizmente, não consegui!

Mais uma vez obrigada pela paciência.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Sun Mar 15 13:09:50 GMT+0000 2009-->
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<style type="text/css" media="screen">
	@import url("./index.css");
body {
	background-color: #9A9A68;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {
	color: #CC9900;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
</style>
</head>
<body>
<div id="FWTableContainer262384099">
<table border="0" cellpadding="0" cellspacing="0" width="1024">
<!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "262384099" fwnested="0" -->
  <tr>
   <td><img src="spacer.gif" width="163" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="700" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="161" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="3"><img name="Bannertopo" src="Bannertopo.jpg" width="1024" height="185" border="0" id="Bannertopo" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="185" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="index_02" src="index_02.jpg" width="1024" height="51" border="0" id="index_02" usemap="#m_index_02" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="51" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="4"><img name="index_03" src="index_03.jpg" width="163" height="664" border="0" id="index_03" alt="" /></td>
   <td width="700" height="590" valign="top" background="images/meio.jpg"><p style="margin:0px">
	<iframe src="home.html" name="iframe1" width="700" marginwidth="0" height="590" marginheight="0" scrolling="Default" frameborder="0" id="iframe1" ></iframe>
   </p></td>
   <td rowspan="4"><img name="index_05" src="index_05.jpg" width="161" height="664" border="0" id="index_05" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="590" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_06" src="index_06.jpg" width="700" height="13" border="0" id="index_06" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="13" border="0" alt="" /></td>
  </tr>
  <tr>
   <td width="700" height="42" background="images/fundorodape.jpg"><p align="center" class="style1" style="margin:0px">M</p></td>
   <td><img src="spacer.gif" width="1" height="42" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_08" src="index_08.jpg" width="700" height="19" border="0" id="index_08" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
</table>
<map name="m_index_02" id="m_index_02">
<area shape="rect" coords="432,7,441,8" href="java script:;" alt="" />
<area shape="rect" coords="432,10,496,40" href="java script:;" alt="" />
<area shape="rect" coords="352,9,438,39" href="java script:;" alt="" />
<area shape="rect" coords="267,8,351,39" href="java script:;" alt="" onmouseout="MM_menuStartTimeout(900);"  onmouseover="MM_menuShowMenu('MMMenuContainer0315130850_0', 'MMMenu0315130850_0',267,39,'index_02');"  />
<area shape="rect" coords="216,9,268,40" href="java script:;" alt="" />
</map>
<div id="MMMenuContainer0315130850_0">
	<div id="MMMenu0315130850_0" onmouseout="MM_menuStartTimeout(900);" onmouseover="MM_menuResetTimeout();">
		<a href="klassiche.html" target="iframe1" id="MMMenu0315130850_0_Item_0" class="MMMIFVStyleMMMenu0315130850_0" onmouseover="MM_menuOverMenuItem('MMMenu0315130850_0');">
			Klassiche Massagen
		</a>
		<a href="sanfte.html" target="iframe1" id="MMMenu0315130850_0_Item_1" class="MMMIVStyleMMMenu0315130850_0" onmouseover="MM_menuOverMenuItem('MMMenu0315130850_0');">
			Sanftemassagen
		</a>
	</div>
</div>
</div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que estranho.

 

Eu to achando que o problema esta nesse pedacinho aqui:

 

<map name="m_index_02" id="m_index_02">
<area shape="rect" coords="432,7,441,8" href="java script:;" alt="" />
<area shape="rect" coords="432,10,496,40" href="java script:;" alt="" />
<area shape="rect" coords="352,9,438,39" href="java script:;" alt="" />
<area shape="rect" coords="267,8,351,39" href="java script:;" alt="" onmouseout="MM_menuStartTimeout(900);"  onmouseover="MM_menuShowMenu('MMMenuContainer0315130850_0', 'MMMenu0315130850_0',267,39,'index_02');"  />

Se eu entendi bem o codigo, esse pedaço é responsavel por posicionar os "botões" na sua pagina segundo as coordenadas estipuladas ali. O que pode estar acontecendo é de o IE estar interpretando de forma errada isso.

 

O codigo que o Fireworks gera é MUUUUITO ruim, super pesado e cheio de firulas desnecessárias. A principio não consigo ver uma forma de o Fireworks gerar um codigo correto, maass, não sei se você tentou: Exportar so o menu e fazer o site em volta do menu.

 

Fora isso eu não imagino mais como...

Mas vou continuar pensando se eu descobrir uma forma, eu aviso!

 

Abrçs!

;D

Compartilhar este post


Link para o post
Compartilhar em outros sites

É, me desculpe não poder ter te ajudado efetivamente, mas no que precisar estaremos ai para correr atrás.

 

O uso de iframe com os pop-ups sempre deram problemas, o por incrivel que pareça sempre com o Internet Explorer (normalmente nas versões antigas) respostas "simples" para isso é o uso de hidden divs ou paginas diferentes, mas eu realmente não enxergo uma solução "clara" para esse problema.

 

Conto com suas futuras dúvidas para serem sanadas, vou continuar estudando esse codigo sempre que possivel para tentar ainda achar uma resposta.

 

Abrçs!

;D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Hei CatarinaValente, zipa a pasta do site todo ai, com as imgs etc.. e hospeda em um servidor ou ftp.. e me envia .. para uma avaliação completa. Ok. Abrço;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Hei CatarinaValente, zipa a pasta do site todo ai, com as imgs etc.. e hospeda em um servidor ou ftp.. e me envia .. para uma avaliação completa. Ok. Abrço;)

 

Ok!

Posso demorar alguns dias mas eu farei isso sim!

Obrigada!

Compartilhar este post


Link para o post
Compartilhar em outros sites

ok.. aguardo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá leomarriel!!

É só para agradecer a atenção mas eu agora já consigo visualizar a iframe no IE. Não sei o que aconteceu mas agora funciona tudo direitinho!

 

De toas as formas, agradeço mais uma vez a atenção dispensada por todos!

Abraços!

Cathy!

Compartilhar este post


Link para o post
Compartilhar em outros sites

rsrsrs sem problemas.. acho que você estava determinando o documento como "Transitional" .. .más eu só iria testar como "Frameset" só isso só.. más ja q você conseguiu! ÓTIMO!! abraçãos e fique com Deus.!

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.