Ir para conteúdo

POWERED BY:

Arquivado

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

7981273981723

Problema com template no Firefox

Por , em Desenvolvimento frontend

Recommended Posts

7981273981723    0

7981273981723
Postado

Olá pessoal, estou fazendo um template para o MercadoLivre, mas tenho um problema com o Firefox. Vejam:

 

http://celularz.com/ml/supreme/

 

O HTML é esse:

 

<html>
 <head>
 <title>VirtualShop</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 </head>
 <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <div align="center">
   <table id="Table_01" width="750" height="1900" border="0" cellpadding="0" cellspacing="0">
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_01.jpg" width="750" height="156" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_02.jpg" alt="" width="750" height="135" border="0" usemap="#Map"></td>
	 </tr>
	 <tr>
	   <td><div style="background:url(images/supreme_template_03.jpg); height:155px;">
		 <div align="center">
		   <p> </p>
			 <p style="font-size: 32px; color: #064D99; font-family: Trebuchet MS, Verdana;">Título do Produto</p>
			 <p style="font-size: 32px; color: #064D99; font-family: Trebuchet MS, Verdana;"> </p>
		   </div></div></td>
	   </tr>
	 <tr>
	   <td><div style="background:url(images/supreme_template_04.jpg) repeat; height:220px;">
		 <div align="center" style="font-family: Trebuchet MS; font-size: 14px; font-weight: bold;">
		   <p>Imagens e Descrição do produto aqui!</p>
			 </div>
	   </div></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_05.jpg" width="750" height="35" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_06.jpg" width="750" height="128" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_07.jpg" width="750" height="200" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_08.jpg" width="750" height="150" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_09.jpg" width="750" height="138" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_10.jpg" width="750" height="44" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_11.jpg" width="750" height="39" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_12.jpg" width="750" height="159" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_13.jpg" width="750" height="44" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_14.jpg" width="750" height="26" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_15.jpg" width="750" height="388" alt=""></td>
	   </tr>
	 <tr>
	   <td>
		 <img src="http://celularz.com/ml/supreme/images/supreme_template_16.jpg" width="750" height="59" alt=""></td>
	   </tr>
   </table>
   <map name="Map">
	 <area shape="rect" coords="0,-2,181,137" href="#" target="_blank" alt="Veja nossas qualificações">
	 <area shape="rect" coords="186,-4,371,143" href="#" target="_blank" alt="Visite nosso e-shop">
	 <area shape="rect" coords="565,-4,753,142" href="#" target="_blank" alt="Somos MercadoLíder">
	 <area shape="rect" coords="378,-6,556,145" href="#" target="_blank" alt="Veja todos nossos Produtos">
   </map>
 </div>
 </body>
 </html>

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

bem não vi muitas diferenças, num vi nenhuma :)

você poderia usar Webstandards ao inves de TABELAS

ja ouviu falar??

 

que tal conhecer ??

 

abraço ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

7981273981723    0

7981273981723
Postado

bem não vi muitas diferenças, num vi nenhuma :)

você poderia usar Webstandards ao inves de TABELAS

ja ouviu falar??

 

que tal conhecer ??

 

abraço ;)

Já ouvi falar sim, amigo... É que o Photoshop gerou esse template para mim. Só preciso de algo que fique perfeito em todos navegadores. Aqui ficou ótimo no IE7.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

tente por isso:

style="margin:0px; padding:0px;"
em todas TAGs <P>

;)

 

porem recomendo usar DIVs ou UL e LI mesmo que use estilos inline

pois não acontecerá esse problema, tipo assim:

 

<div  style="font-size: 32px; color: #064D99; font-family: Trebuchet MS, Verdana; display:block; width:750px;">
<img src="http://celularz.com/ml/supreme/images/supreme_template_01.jpg" width="750" height="156" alt="" style="display:block;">
<img src="http://celularz.com/ml/supreme/images/supreme_template_02.jpg" alt="" width="750" height="135" border="0" usemap="#Map" style="display:block;">
<div style="background:url(images/supreme_template_03.jpg); height:155px;">
		   <p> </p>
			 <p>Título do Produto</p>
			 <p> </p>
</div>
...
;)

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