Foros del Web - Ver Mensaje Individual

iconogt · #5 (**permalink**) 23/12/2004, 20:16

Ok, verás....

Primero copia y pega este código en un documento html en blanco, luego fijate en la parte del código donde está insertada la imágen, Lo voy a poner de color azul, y lo que está en color naranja es código CSS.

Código:

<html>
<head>
     <title>Mis Fotos</title>
<style type="text/css">
<!-- 
        #tabla {
          width: 77%;
          height: auto;
          padding: 3px;
          margin: 5px;
          background-color: #ffffff;
          border-style: solid;
          border-width: 1px;
          border-color: #cccccc;
          }

BODY {
          background-color: #dddddd;
          text-align: center;
}
-->
</style>
</head>
<body>
     <table id="tabla">
        <tr>
            <td width="100px" height="100px">
               <a href="link hacia la foto.jpg"><img src="imagen.jpg" width="100" height="100" alt="mi foto"></a>
                 </td>
            </tr>
     </table>
</body>
</html>

Como ya te habrás dado cuenta, estoy usando una tabla de 77% de ancho y el alto lo he dejado automático por el motivo de que no sé cuantas fotos vas a querer insertar, en este ejemplo sólo he insertado una celda con una imágen, si tu quisieras insertar más sólo tienes que agregar más celdas a la tabla.

Si te han quedado más dudas avisame y explico mejor...
saludos y suerte...