goncalopes
Membro
Boas
Estou com um problema, estou a desenvolver um site em dreamweaver, e na minha página, estou a fazer uma galeria de imagens, fui experimentar, tudo certo no firefox, fui ao ie, tudo errado, isto é para um trabalho escolar, que tem de ser apresentando e defendida, e a minha escola nao tem firefox, so usa o ie, por isso vim aqui pedir ajuda, para me salvarem desta complicação, passo aqui o meu código.
Estou com um problema, estou a desenvolver um site em dreamweaver, e na minha página, estou a fazer uma galeria de imagens, fui experimentar, tudo certo no firefox, fui ao ie, tudo errado, isto é para um trabalho escolar, que tem de ser apresentando e defendida, e a minha escola nao tem firefox, so usa o ie, por isso vim aqui pedir ajuda, para me salvarem desta complicação, passo aqui o meu código.
Código:
<html>
<head>
<title>ACESA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/site.css">
<style>
p.MsoNormal
{mso-style-parent:"";
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
.style2 {
border-width: 0px;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div>
</div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="text-align: justify">
<tr>
<td align="center" valign="top"><table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="10" align="center" valign="top" bgcolor="#44444E"></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" bgcolor="#44444E"> </td>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5"><img src="images/canto_esq.jpg" width="5" height="5" alt=""></td>
<td></td>
<td width="3"><img src="images/canto_dir.jpg" width="5" height="5" alt=""></td>
</tr>
<tr>
<td> </td>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5"> </td>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="80"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <a href="[URL]http://www.itap-net.org"><img[/URL] src="images/image001.jpg" width="670" height="65" alt="" align="middle" class="style2"></a></td>
</tr>
<tr>
<td><span class="black-slogan-txt"></span></td>
</tr>
</table></td>
<td align="right" valign="top"><table border="0" cellspacing="0" cellpadding="2">
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/bg-top-nav.jpg">
<tr>
<td width="4"><img src="images/esquerda.jpg" width="4" height="35"></td>
<td align="center" class="navigation_text">
<a href="index.html" >Acesa</a></td>
<td width="10"><img src="images/ligacao.jpg" width="10" height="35"></td>
<td align="center" class="navigation_text">
<a href="noticias.html">Noticias</a></td>
<td width="10"><img src="images/ligacao.jpg" width="10" height="35"></td>
<td align="center" class="navigation_text">
<a href="eventos.html">Eventos</a></td>
<td width="10"><img src="images/ligacao.jpg" width="10" height="35"></td>
<td align="center" class="navigation_text">
<a href="Galeria.html"><u><strong>Galeria</strong></u></a></td>
<td width="10"><img src="images/ligacao.jpg" width="10" height="35"></td>
<td align="center" class="navigation_text">
<a href="Contactos.html">Contactos</a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td height="8" bgcolor="#DB3C02"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" align="center" valign="top"></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="158">
<img src="images/logo_acesa_imgem.PNG" width="246" height="155" alt="" align="middle"></td>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" valign="top"><span class="orange_bold_text">Galeria Acesa </span><span class="gray_bold_text"></span></td>
</tr>
<tr>
<td height="10" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1" bgcolor="#999999"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" valign="top"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" align="center" valign="top"></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><table width="93%" border="0" cellspacing="3" cellpadding="0">
<tr>
<td height="25" valign="bottom"><div align="center"><span class="orange_bold_text">Links</span></div></td>
</tr>
<tr>
<td height="1" bgcolor="#999999"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" valign="top"></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15"><div align="center"><span class="bold_sky_text">Europen</span></div></td>
<td width="15" rowspan="5"> </td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td valign="top" class="light_gray_text">A Europen é uma grande loucura. Trata-se de uma mostra que integra uma 'instalação' artística e uma 'performance' com referências ao campo virtual.</td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td align="right"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="25" align="center" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15"></td>
<td width="90%" height="1" bgcolor="#999999"></td>
<td width="15"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" valign="top"> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="height: 15px">
<div align="center"><span class="bold_sky_text">Projecto Ergon</span></div></td>
<td width="15" rowspan="5">
</td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td valign="top" class="light_gray_text">A plataforma Ergon é criada para permitir a professores, curriculum desenvolvedores e técnicos, que trabalham com a prática ou na empresa para aprender uns com os outros.</td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td align="right"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="25" align="center" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15"></td>
<td width="90%" height="1" bgcolor="#999999"></td>
<td width="15"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" valign="top"> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15"><div align="center"><span class="bold_sky_text">Inform</span></div></td>
<td width="15" rowspan="5"> </td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td valign="top" class="light_gray_text" style="height: 28px">Infor empresa espanhola, pretende continuar com a sua tarefa colectiva, de serviço e de contribuição no campo da formação profissional em todo o país de Espanha. </td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td align="right"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"> </td>
</tr>
</table></td>
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" valign="top" class="orange_bold_text">Feira Internacional </td>
</tr>
<tr>
<td height="10" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1" bgcolor="#999999"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5" valign="top"></td>
</tr>
<tr>
<td valign="top" class="light_gray_text"><p>
<style type="text/css">
/* CSS para a galeria */ .photopreview { width: 400px; margin: 0 auto; position: relative;} .photopreview li { float: left; width: 100px; height: 75px; padding: 10px;}.photopreview li img { position: relative; width: 100px; height: 75px; border: 1px outset #CCC; padding: 5px; background: #FFF;}.photopreview li:hover img { cursor: default; width: 160px; height: 120px; top: -37px; left: -50px; border: 1px outset #CCC; padding: 5px; z-index: 100; background: #EEE;}.photopreview li:active img, .photopreview:active li:hover img { width: 400px; height: 300px; position: absolute; left: 0; top: auto;}
</style>
</p> </td>
<tr>
<td valign="top" class="light_gray_text"><p><!--[if lt IE 7]><style type="text/css"> body { behavior:url("csshover.htc");}.photopreview li:hover img { margin-bottom: -75px; margin-right: -100px;}.photopreview li:active img { margin-bottom: -150px; margin-right: -200px;}</style><![endif]-->
</p>
<ul class="photopreview">
<li><a href="#"><img src="Galeria/09020008.JPG" alt="Acesa1" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020009.JPG" alt="Acesa 2" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020010.JPG" alt="Acesa 3" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020011.JPG" alt="Acesa 4" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020012.JPG" alt="Acesa 5" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020013.JPG" alt="Acesa 6" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020014.JPG" alt="Acesa 7" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020015.JPG" alt="Acesa 8" width="100" height="75"></a></li>
<li><a href="#"><img src="Galeria/09020016.JPG" alt="Acesa 9" width="100" height="75"></a></li>
</ul> </td>
</tr>
<tr>
<td valign="top" class="light_gray_text"> </td>
<tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" valign="top"><p> </p>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1" bgcolor="#999999"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" align="center" valign="top"></td>
</tr>
</table></td>
<td width="5"> </td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td><img src="images/canto_esq.jpg" width="5" height="5" alt=""></td>
<td></td>
<td width="5"><img src="images/canto_dir.jpg" width="5" height="5" alt=""></td>
</tr>
</table></td>
<td width="15" bgcolor="#44444E"> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0" bgcolor="#44444E">
<tr>
<td align="center">
<p class="MsoNormal"><font color="#FFFFFF">
<span style="font-family: Garamond,serif">© Todos direitos
reservados ACESA</span></font></p>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Última edição pelo moderador: