Tema: fotos y texto en web

[Hewe]

Antonio, espero que éste sea un buen sitio para preguntar una duda al hacer una página.

Viendo lo que tengo os haréis una idea de lo que querría hacer. Lo he hecho de una forma muy rudimentaria, y debe haber formas más fáciles..pero bueno, lo que querría es poder escribir bien texto debajo de las fotos, poniendo una pequeña explicación, y no sólo la palabra que pongo porque otra cosa me parece muy difícil tal y como lo estoy haciendo....hay algún modo de seleccionar una especie de caja pequeña para escribir texto y que se quede justo debajo de la foto? :roll:

http://adelaflor.com/equipo/hewe/biblio/fotosbibt.html

[fedelf]

Yo lo que hacia hace tiempo es crear una tabla de 1x1, y dentro meter foto y texto. No se si habra ahora una forma mejor de hacerlo (seguro que si) :D

[Hewe]

tendré que echar un vistazo a eso de las tablas...gracias fedelf, hoy es tarde pero mañana miraré :D

[Antonio de la Flor]

Hola
Lo de la tabla es la mejor opción, pero si la haces de uno por uno te dará problemas con otros navegadores distintos de Internet Explorer
Mejor hacer una tabla de una columna por dos filas, sin bordes ni nada de nada, así



Que se ve así:



Lo cual puedes comprobar directamente como queda con tu explorador aquí.

http://www.adelaflor.com/editor-web/ejemplos/tabla-y-texto.htm

Un saludo

[Antonio de la Flor]

Comentarios generales sobre las tablas en html

Una tabla en html se abre y cierra con la etiqueta <table> y </table>
Dentro de ella cada fila se abre y cierra con la etiqueta <tr> y </tr>
y dentro de cada fila cada columna se abre y cierra con la etiqueta <td> y </td>
Todo lo demás que véis en el ejemplo que he puesto arriba sobra, ahora bien para detalles o tablas de más filas y columnas ya es otra historia

Así una tabla de una columna con dos filas queda así
<table>
<tr>
<td>
Aquí viene lo que va dentro de la primera fila
</td>
</tr>
<tr>
<td>
Aquí viene lo que va dentro de la segunda fila
</td>
</tr>
</table>

[Hewe]

gracias, esta tarde copiaré el código fuente del ejemplo que has puesto, a ver si lo puedo adaptar a lo que tengo :D

[Dabo]

pues si, con las tablas vas bien, ademas puedes hacerlo en modo grafico pero conviene revisar el codigo  :wink:

[Hewe]

Bueno, pues la tabla la hice, pero cada imagen se planta en un sitio de la tabla..unas más para arriba, otras para un lado. Y el texto tampoco me cabe mucho

Sabéis cómo podría mover las imágenes? Y si podría agrandar el espacio para el texto? En la que la he hecho ahora no es que me haga falta, pero quería aprender para hacer una bien con texto bajo las fotos... :roll:

 :D

[fedelf]

Tanto a las imagenes como al texto, puedes ponerles propiedades de alineacion, a la celda tambien, por si quieres tenerla en el centro de la pagina, o a los lados.

P.Ej.: <td style="vertical-align: top; text-align: center;"> (esto para el contenido de la celda)

<table
style="text-align: left; margin-left: auto; margin-right: 0px;"
border="0" cellspacing="2" cellpadding="2"> (y esto para la tabla completa)

En el primer caso, el contenido se alinea arriba y al centro.

En el segundo caso, se alinea el texto a la izquierda (a no ser que luego se indique lo contrario) y la tabla la alinea a la derecha 0px= cero pixels., si estuvieran tanto margin-left como margin-right en auto entonces se quedaria centrada.

[Antonio de la Flor]

Hola Hewe y Fedelf
Todo lo que dice Fedelf es talmente así, pero ¿me podrías dar la dirección url de la página para ver el codigo por mi mismo?
La dirección donde está colgada la página vamos.
Saludotes