1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Galeria Imagens

Discussão em 'Web Development' iniciada por goncalopes, 1 de Julho de 2008. (Respostas: 2; Visualizações: 551)

  1. 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.

    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">&nbsp;</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>&nbsp;</td>
    <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="5">&nbsp;</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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                          <td height="3"></td>
                                                        </tr>
                                                        <tr>
                                                          <td valign="top" class="light_gray_text">A Europen &eacute; uma grande loucura. Trata-se de uma mostra que integra uma 'instala&ccedil;&atilde;o'                 art&iacute;stica e uma 'performance' com refer&ecirc;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">&nbsp;</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">&nbsp;
                  </td>
                                                        </tr>
                                                        <tr>
                                                          <td height="3"></td>
                                                        </tr>
                                                        <tr>
                                                          <td valign="top" class="light_gray_text">A plataforma Ergon &eacute; criada para permitir a professores, curriculum  desenvolvedores e t&eacute;cnicos, que trabalham com a pr&aacute;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">&nbsp;</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">&nbsp;</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">&nbsp;</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&ccedil;o e de contribui&ccedil;&atilde;o no  campo da forma&ccedil;&atilde;o profissional em todo o pa&iacute;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">&nbsp;</td>
                                                                
                                                              </tr>
                                                          </table></td>
                                                        </tr>
                                                    </table></td>
                                                  </tr>
                                              </table></td>
                                            </tr>
                                            <tr>
                                              <td align="center" valign="top">&nbsp;</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>&nbsp;</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">&nbsp;</td>
                            </tr>
                          </table></td>
                          <td>&nbsp;</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">&nbsp;</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>
    &nbsp;</td>
                    </tr>
                  </table></td>
                </tr>
              </table></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>
     
    Última edição pelo moderador: 1 de Julho de 2008
  2. Desumano

    Desumano Power Member

  3. eu nao percebo muito de codigo, e nao sei cm devo estruturar, porque quando modifico os css, as paginas ficam atrofiadas, sai tudo fora do sitio.
     

Partilhar esta Página