ayuda para programar tabla en html

anita lachief · #1 (**permalink**) 25/03/2005, 17:36

hola soy muy nueva en esto y quiero ver si alguien me puede ayudar, ya que en mi web, estoy metiendo una seccion de fotos y me gustaria ponerlas en dos columnas y abajo de cada foto el titulo, pero no me salen, salen todas en una sola columna hacia abajo, alguien me puede decir la sintaxis que debo seguir? estoy programando en HTML. gracias agradecieria mucho su ayuda.

thunder.scripts · #2 (**permalink**) 25/03/2005, 19:26

Código HTML:

<table>
   <tr>
       <td><img src="foto1.jpg" alt="Yo tomando mate" width="450" height="700"></td>
       <td><img src="foto2.jpg" alt="Yo durmiendo" width="450" height="700"></td>
   </tr>
   <tr>
       <td>Texto foto 1 Texto foto 1 Texto foto 1 </td>
       <td>Texto foto 2 Texto foto 2 Texto foto 2 </td>
   </tr>
</table>

También podría hacerse enteramente usando CSS, pero bueno, vos pediste una tabla =P

Suerte!
Fede

anita lachief · #3 (**permalink**) 25/03/2005, 21:56

hola gracias por responder fede, si tienes otra forma en que pueda hacer la tabla como dices en CSS, no me molestaria que me dijeras como hacerle, agradeceria mucho tu ayuda, Gracias nuevamente.

thunder.scripts · #4 (**permalink**) 25/03/2005, 22:35

Claro, te lo muestro acá, aunque con CSS es un poco más complejo es bastante más práctico:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#imagen1, #imagen2 {
	text-align: center;
	width: 250px;
	border: 1px solid #000000;
}

#imagen1 {
	float: left;
}
#imagen2 {
	margin-left: 260px;
}
</style>
</head>

<body>

<div id="imagen1">
	<img src="imagen1.jpg" alt="Mi mate" width="150" height="150">
	<p>Me encanta mi mate</p>
</div>

<div id="imagen2">
	<img src="imagen1.jpg" alt="Mi mate" width="150" height="150">
	<p>Me encanta mi mate</p>
</div>

</body>
</html>

Lo ideal sería que todo lo que está en <style> lo guardes en un archivo externo de extensión .css y lo llames del html, para separar diseño de estructura, pero bueno, para más info andá al foro de CSS ;)

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>

<body>

<div id="imagen1">
	<img src="imagen1.jpg" alt="Mi mate" width="150" height="150">
	<p>Me encanta mi mate</p>
</div>

<div id="imagen2">
	<img src="imagen1.jpg" alt="Mi mate" width="150" height="150">
	<p>Me encanta mi mate</p>
</div>

</body>
</html>

Suerte
Fede

caricatos · #5 (**permalink**) 26/03/2005, 02:31

Hola anita lachief y thunder.scripts:

Tal vez te interese una galería de fotos...

Yo puse una en este enlace: http://www.pepemolina.com/galeria/index.html y hay explicaciones de como usarla.
También hay otras buenas galerías en las páginas de tunait ( http://javascript.tunait.com ) y Carlitos ( http://carlitos.com.es )

Saludos