<html> <head> <title>Titulo de tu pagina : PONER SECCION</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css"> </head> <body bgcolor="#FFFFFF">  <table class="99" width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="a1">Logotipo</td> <td class="a2">Banner</td> </tr> </table>  <table class="99" width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="b1">titulo</td> <td class="b2">ruta</td> <td class="b3"><img src="atras.gif" width="13" height="19"> <img src="adelante.gif" width="13" height="19"></td> </tr> </table>  <table class="99" width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="c1"> <p>menu</p> </td> <td class="c2"> <p>contenido</p> </td> </tr> </table>  <table class="99" width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="d1">contador</td> <td class="d2">opciones</td> <td class="d3"><img src="atras.gif" width="13" height="19"> <img src="adelante.gif" width="13" height="19"></td> </tr> </table>  <table class="99" width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="e1">fecha</td> <td class="e2">hueco</td> <td class="e3">firma</td> </tr> </table> </body> </html>

pero vamos a ver solo la parte de la celda b3, pues el código de la elda d3 es casi idéntico:

.....  <table class="99" width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="b1">titulo</td> <td class="b2">ruta</td> <td class="b3"><img src="atras.gif" width="13" height="19"> <img src="adelante.gif" width="13" height="19"></td> </tr> </table> .....

Vemos que lo único que se ha cambiado del código es que en lugar de aparecer:

<td class="b3">flechas</td>

al borrar la palabra "flechas" e incluir las flechas se ha quedado así (os pongo en rojo lo nuevo):

<td class="b3">

<img src="atras.gif" width="13" height="19">

<img src="adelante.gif" width="13" height="19">

</td>

Pues bien, vemos que para incluir una imagen solo tenemos que irnos al código HTML y escribir:

<img que significa que se va a meter una imagen.

src="...." poner la ruta del archivo de la imagen.

width="..." indicar el ancho de la imagen.

height="..." indicar la altura de la imagen.

Fijaos que toda esa línea empieza y acaba con < y > es decir, hay que cerrarla tras definir en ella la ruta, ancho y alto con el símbolo > .

Eso si, tal y como os decia otro día, es recomendable, aunque no obligatorio, incluir al lado del número, qué a qué tipo de unidades de medida nos referimos. De modo que no estaría mal poner, a la derecha de cada número de anchura y altura, las letras de pixeles, "px", quedando el código así:

<td class="b3">

<img src="atras.gif" width="13px" height="19px">

<img src="adelante.gif" width="13px" height="19px">

</td>

Listo, ya sabéis como meter imagenes, tanto con Dreamweaver como en el puro estilo "HTML a mano", je je je. ¿No estais contentos? Es que no os oigo aplaudir!!! je je je je.

Dinos Algo..

Entra en el nuevo Foro CCTW

Esta versión es antigua. Visita la nueva web de: ComoCrearTuWeb

Entra en el nuevo Foro CCTW

Mas Cosillas..

Acerca de CCTW

ChatCCTW Actualizaciones Recomendar Colabora Errores? Agradécemelo Escríbeme

Actualizada el Sábado, 20-Jul-2002 20:47

"Las palabras elegantes no son sinceras; las palabras sinceras no son elegantes" (Lao-Tseo)

Creada y diseñada por Jorgens