Problema de Alinhamento

Killer Green · Agosto 3, 2011

Olá bom dia estou com um pepino nas mãos recebi um site para alterar (um site nada legal por sinal) porém "challenge accepted" eu precisava criar uma página e diagramar outra inserindo um formulário que o cliente me enviou

O menu em flash foi refeito por mim pois eles não tinham o arquivo em fla.

Dai beleza refiz o layout das páginas no photoshop fatiei no slice exportei como html organizei tudo no dreamweaver e pronto!

Testei no google chrome e no safari do meu computador aparecia perfeitamente como na imagem abaixo

Página que eu fiz -> http://i431.photobucket.com/albums/qq32/yukimoon1/Imagem1-1.png

Página com formulário -> http://i431.photobucket.com/albums/qq32/yukimoon1/Imagem4.png

Enviei para o cliente todo feliz e logo recebi um email o cliente falava que estava tudo mal alinhado (ele testou no firefox)

O resultado (Caos)

http://i431.photobucket.com/albums/qq32/yukimoon1/Imagem6.png (página que eu fiz)

http://i431.photobucket.com/albums/qq32/yukimoon1/Imagem7.png (página que eu fiz)

http://i431.photobucket.com/albums/qq32/yukimoon1/Imagem5.png (página do formulário)

Estou desesperado alguem pode me ajudar eu vou colocar o código das duas páginas aqui não sei se é erro de DIV ou de tamanho!!

Pagina que eu fiz

<!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>
<title>Plano Semeg</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
body {
background-color: #235397;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<!-- Save for Web Slices (paginanova.psd) -->
<table width="701" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
 <tr>
	<td rowspan="6">
		<img id="paginanova_01" src="images_plano/paginanova_01.gif" width="25" height="1280" alt="" /></td>
	<td colspan="5">
		<img src="images_plano/paginanova_02.gif" alt="" width="650" height="16" border="0" align="top" id="paginanova_02" /></td>
	<td rowspan="6">
		<img id="paginanova_03" src="images_plano/paginanova_03.gif" width="25" height="1280" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="1" height="16" alt="" /></td>
 </tr>
<tr>
	<td colspan="2">
		<img id="paginanova_04" src="images_plano/paginanova_04.jpg" width="197" height="79" alt="" /></td>
	<td rowspan="3"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="220">
	  <param name="movie" value="../fla2/topo.swf" />
	  <param name="quality" value="high" />
	  <param name="wmode" value="opaque" />
	  <param name="swfversion" value="9.0.45.0" />
	  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
	  <param name="expressinstall" value="Scripts/expressInstall.swf" />
	  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
	  <!--[if !IE]>-->
	  <object type="application/x-shockwave-flash" data="../fla2/topo.swf" width="410" height="220">
	    <!--<![endif]-->
	    <param name="quality" value="high" />
	    <param name="wmode" value="opaque" />
	    <param name="swfversion" value="9.0.45.0" />
	    <param name="expressinstall" value="Scripts/expressInstall.swf" />
	    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
	    <div>
	      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
	      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images_plano/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
	    <!--[if !IE]>-->
      </object>
	  <!--<![endif]-->
</object></td>
	<td colspan="2" rowspan="4">
	  <img src="images_plano/paginanova_06.jpg" alt="" width="43" height="1239" border="0" id="paginanova_06" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="1" height="79" alt="" /></td>
</tr>
<tr>
	<td><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="167" height="134">
	  <param name="movie" value="../fla2/menu.swf" />
	  <param name="quality" value="high" />
	  <param name="swfversion" value="6.0.65.0" />
	  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
	  <param name="expressinstall" value="Scripts/expressInstall.swf" />
	  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
	  <!--[if !IE]>-->
	  <object type="application/x-shockwave-flash" data="../fla2/menu.swf" width="167" height="134">
	    <!--<![endif]-->
	    <param name="quality" value="high" />
	    <param name="swfversion" value="6.0.65.0" />
	    <param name="expressinstall" value="Scripts/expressInstall.swf" />
	    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
	    <div>
	      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
	      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images_plano/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
	    <!--[if !IE]>-->
      </object>
	  <!--<![endif]-->
 </object></td>
	<td rowspan="3">
	  <img id="paginanova_08" src="images_plano/paginanova_08.gif" width="30" height="1160" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="1" height="134" alt="" /></td>
</tr>
<tr>
	<td rowspan="2">
     <img src="images_plano/paginanova_09.gif" alt="" width="167" height="1026" border="0" usemap="#paginanova_09Map" id="paginanova_09" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="1" height="7" alt="" /></td>
</tr>
<tr>
	<td>
		<img src="images_plano/paginanova_10.gif" alt="" width="410" height="1019" border="0" id="paginanova_10" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="1" height="1019" alt="" /></td>
</tr>
<tr>
	<td colspan="4">
		<img src="images_plano/paginanova_11.jpg" alt="" width="648" height="25" border="0" id="paginanova_11" /></td>
	<td>
		<img id="paginanova_12" src="images_plano/paginanova_12.jpg" width="2" height="25" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="1" height="25" alt="" /></td>
</tr>
<tr>
	<td>
		<img src="images_plano/spacer.gif" width="25" height="1" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="167" height="1" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="30" height="1" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="410" height="1" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="41" height="1" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="2" height="1" alt="" /></td>
	<td>
		<img src="images_plano/spacer.gif" width="25" height="1" alt="" /></td>
	<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="paginanova_09Map" id="paginanova_09Map">
 <area shape="rect" coords="2,6,179,105" href="http://www.semegdental.com.br/" />
 <area shape="rect" coords="2,103,170,165" href="https://www.semegsaude.com.br/saudetiss/principal/index.asp" />
 <area shape="rect" coords="2,284,173,350" href="https://www.semegsaude.com.br/laudo/resultado/index.asp" />
</map>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>

Pagina com o formulário

<!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>
<title>Clientes</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
body {
background-color: #204D91;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<!-- Save for Web Slices (esp_clientes.psd) -->
<table width="697" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
	<td colspan="4" rowspan="2">
    <img src="images-cliente/esp_clientes_01.png" alt="" width="213" height="103" border="0" usemap="#esp_clientes_01Map" id="esp_clientes_01" /></td>
	<td colspan="7">
		<img id="esp_clientes_02" src="images-cliente/esp_clientes_02.png" width="483" height="19" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="19" alt="" /></td>
</tr>
<tr>
	<td colspan="5" rowspan="3"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="220">
	  <param name="movie" value="fla2/topo_cliente.swf" />
	  <param name="quality" value="high" />
	  <param name="wmode" value="opaque" />
	  <param name="swfversion" value="9.0.45.0" />
	  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
	  <param name="expressinstall" value="Scripts/expressInstall.swf" />
	  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
	  <!--[if !IE]>-->
	  <object type="application/x-shockwave-flash" data="fla2/topo_cliente.swf" width="410" height="220">
	    <!--<![endif]-->
	    <param name="quality" value="high" />
	    <param name="wmode" value="opaque" />
	    <param name="swfversion" value="9.0.45.0" />
	    <param name="expressinstall" value="Scripts/expressInstall.swf" />
	    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
	    <div>
	      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
	      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images-cliente/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
	    <!--[if !IE]>-->
      </object>
	  <!--<![endif]-->
    </object></td>
	<td colspan="2" rowspan="3">
		<img id="esp_clientes_04" src="images-cliente/esp_clientes_04.png" width="73" height="220" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="84" alt="" /></td>
</tr>
<tr>
	<td rowspan="5">
		<img id="esp_clientes_05" src="images-cliente/esp_clientes_05.png" width="16" height="487" alt="" /></td>
	<td><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="164" height="134">
	  <param name="movie" value="fla2/menu.swf" />
	  <param name="quality" value="high" />
	  <param name="wmode" value="opaque" />
	  <param name="swfversion" value="6.0.65.0" />
	  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
	  <param name="expressinstall" value="Scripts/expressInstall.swf" />
	  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
	  <!--[if !IE]>-->
	  <object type="application/x-shockwave-flash" data="fla2/menu.swf" width="164" height="134">
	    <!--<![endif]-->
	    <param name="quality" value="high" />
	    <param name="wmode" value="opaque" />
	    <param name="swfversion" value="6.0.65.0" />
	    <param name="expressinstall" value="Scripts/expressInstall.swf" />
	    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
	    <div>
	      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
	      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images-cliente/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
	    <!--[if !IE]>-->
      </object>
	  <!--<![endif]-->
    </object></td>
	<td colspan="2" rowspan="2">
		<img id="esp_clientes_07" src="images-cliente/esp_clientes_07.png" width="33" height="136" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="134" alt="" /></td>
</tr>
<tr>
	<td rowspan="4">
	  <img src="images-cliente/esp_clientes_08.png" alt="" width="164" height="353" border="0" usemap="#esp_clientes_08Map" id="esp_clientes_08" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="2" alt="" /></td>
</tr>
<tr>
	<td colspan="8">
		<img id="esp_clientes_09" src="images-cliente/esp_clientes_09.png" width="486" height="181" alt="" /></td>
	<td rowspan="3">
		<img id="esp_clientes_10" src="images-cliente/esp_clientes_10.png" width="30" height="351" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="181" alt="" /></td>
</tr>
<tr>
	<td>
		<img id="esp_clientes_11" src="images-cliente/esp_clientes_11.png" width="11" height="137" alt="" /></td>
	<td colspan="2">
		<img src="images-cliente/esp_clientes_12.png" alt="" width="174" height="137" border="0" usemap="#esp_clientes_12Map" id="esp_clientes_12" /></td>
	<td>
		<img id="esp_clientes_13" src="images-cliente/esp_clientes_13.png" width="12" height="137" alt="" /></td>
	<td>
		<img src="images-cliente/esp_clientes_14.png" alt="" width="173" height="137" border="0" usemap="#esp_clientes_14Map" id="esp_clientes_14" /></td>
	<td>
		<img id="esp_clientes_15" src="images-cliente/esp_clientes_15.png" width="6" height="137" alt="" /></td>
	<td colspan="2">
		<img id="esp_clientes_16" src="images-cliente/esp_clientes_16.png" width="110" height="137" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="137" alt="" /></td>
</tr>
<tr>
	<td colspan="8">
		<img id="esp_clientes_17" src="images-cliente/esp_clientes_17.png" width="486" height="33" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="1" height="33" alt="" /></td>
</tr>
<tr>
	<td>
		<img src="images-cliente/spacer.gif" width="16" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="164" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="11" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="22" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="152" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="12" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="173" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="6" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="67" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="43" height="1" alt="" /></td>
	<td>
		<img src="images-cliente/spacer.gif" width="30" height="1" alt="" /></td>
	<td></td>
</tr>
</table>


<div id="dropin" style="position: absolute; visibility: visible; left: 508px; top: 283px; width: 471px; height: 149px;">
 <table border="0" align="left" cellpadding="3" cellspacing="0">
   <form action="http://www.semegsaude.com.br/usuariosaude/seguranca/Abertura.asp" method="post" name="FU" id="FU" onsubmit="return Validar();">
   </form>
   <input type="hidden" id="Pagina" name="Pagina" value="" />
   <input type="hidden" id="Operacao" name="Operacao" />
   <tbody>
     <tr>
       <td class="label">NIS</td>
       <td><input type="text" class="textbox" name="Id" id="Id" size="12" maxlength="12" value="" onkeyup="" />
         <span class="label"> *</span>
         <input type="hidden" id="Senha" name="Senha" /></td>
       <td>12 dígitos</td>
     </tr>
   </tbody>
   <form action="http://www.semegsaude.com.br/usuariosaude/seguranca/Abertura.asp" method="post" name="FS" id="FS" onsubmit="return Validar();">
   </form>
   <input type="hidden" id="Pagina" name="Pagina" value="" />
   <input type="hidden" id="Operacao" name="Operacao" />
   <tr>
     <td class="label">DATA DE NASCIMENTO</td>
     <td><input type="hidden" id="Id" name="Id" />
       <input type="password" class="textbox" name="Senha" id="Senha" size="12" maxlength="12" value="" onkeyup="" />
       <span class="label"> *</span></td>
     <td> (dd/mm/aaaa)</td>
   </tr>
   <tr>
     <td colspan="3"><br />
       <input type="image" src="images-cliente/b_entrar.gif" />
       <a href="http://www.semegsaude.com.br/relacionamentos.html"><img src="images-cliente/b_voltar.gif" alt="" width="83" height="22" border="0" /></a></td>
   </tr>
   <tr>
     <td></tbody></td>
   </tr>
 </table>
</div> 



</head>
<body>

<map name="esp_clientes_12Map" id="esp_clientes_12Map">
 <area shape="rect" coords="1,1,183,144" href="http://www.rrm-rederiodemedicina.com.br/laudo/resultado/index.asp" />
</map>

<map name="esp_clientes_14Map" id="esp_clientes_14Map">
 <area shape="rect" coords="2,2,188,160" href="http://www.semegsaude.com.br/fale-cliente.html" />
</map>

<map name="esp_clientes_08Map" id="esp_clientes_08Map">
 <area shape="rect" coords="1,15,165,96" href="http://www.semegdental.com.br/" />
 <area shape="rect" coords="13,103,156,152" href="https://www.semegsaude.com.br/saudetiss/principal/index.asp" />
 <area shape="rect" coords="9,278,158,333" href="https://www.semegsaude.com.br/laudo/resultado/index.asp" />
</map>

<map name="esp_clientes_01Map" id="esp_clientes_01Map">
 <area shape="rect" coords="22,12,219,98" href="http://www.semegsaude.com.br/index.htm" />
</map>
</body>
<!-- End Save for Web Slices -->
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>

Como posso resolver isso!?

brunosk2 · Agosto 3, 2011

Cara, faz essa página usando div, não tabela.

Giovani · Agosto 3, 2011

Killer Green, seja bem vindo ao fórum iMasters.

Antes de mais nada, por favor, leia as regras do fórum antes de postar, ajuda a todos.

O título do seu tópico será editado:

Estou com dúvidas me ajude! T_T :seta: Problema de Alinhamento

Espero que sua dúvida seja solucionada.

Killer Green · Agosto 3, 2011

Ja estou desenvolvendo com DIV obrigado!

Oi Admin obrigado por me avisar sobre a edição do post e obrigado por edita-lo!

Entrar

Arquivado

Problema de Alinhamento

Recommended Posts

Killer Green 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

brunosk2 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

Killer Green 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante