Autor Tema: fotos y texto en web  (Leído 11161 veces)

Desconectado Hewe

  • Iniciado
  • *****
  • Mensajes: 1732
fotos y texto en web
« en: 12 de Abril de 2004, 11:13:11 pm »
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
Hp Photosmart 945

Desconectado fedelf

  • Iniciado
  • *****
  • Mensajes: 2060
  • Avatar By Dabo
    • Mi Flickr
fotos y texto en web
« Respuesta #1 en: 12 de Abril de 2004, 11:35:03 pm »
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
Canon EOS 40D
18-55 EF-S / 70-200 F4 L IS USM / 50mm 1.4 pero aumentará   :smoke:

Desconectado Hewe

  • Iniciado
  • *****
  • Mensajes: 1732
fotos y texto en web
« Respuesta #2 en: 12 de Abril de 2004, 11:59:57 pm »
tendré que echar un vistazo a eso de las tablas...gracias fedelf, hoy es tarde pero mañana miraré :D
Hp Photosmart 945

Desconectado Antonio de la Flor

  • Pro Member
  • ****
  • Mensajes: 562
    • http://www.adelaflor.com
fotos y texto en web
« Respuesta #3 en: 13 de Abril de 2004, 02:16:20 am »
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
No les des el pez, dales la caña

www.editoresweb.com es mi web sobre edición web ("webmastering"), "Aprender haciendo webs" (y no aprender a hacerlas que eso es otra cosa) ;)

Desconectado Antonio de la Flor

  • Pro Member
  • ****
  • Mensajes: 562
    • http://www.adelaflor.com
fotos y texto en web
« Respuesta #4 en: 13 de Abril de 2004, 02:23:34 am »
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>
No les des el pez, dales la caña

www.editoresweb.com es mi web sobre edición web ("webmastering"), "Aprender haciendo webs" (y no aprender a hacerlas que eso es otra cosa) ;)

Desconectado Hewe

  • Iniciado
  • *****
  • Mensajes: 1732
fotos y texto en web
« Respuesta #5 en: 13 de Abril de 2004, 11:40:34 am »
gracias, esta tarde copiaré el código fuente del ejemplo que has puesto, a ver si lo puedo adaptar a lo que tengo :D
Hp Photosmart 945

Desconectado Dabo

  • Administrator
  • *
  • Mensajes: 15344
    • https://www.daboblog.com
fotos y texto en web
« Respuesta #6 en: 13 de Abril de 2004, 03:27:42 pm »
pues si, con las tablas vas bien, ademas puedes hacerlo en modo grafico pero conviene revisar el codigo  :wink:
Hacking, computing, are in my blood, are a part of me, a part of my life...Debian GNU/Linux rules.

Twitter; https://twitter.com/daboblog
Instagram: @daboblog


www.daboblog.com | www.debianhackers.net | www.caborian.com | www.apachectl.com | www.davidhernandez

Desconectado Hewe

  • Iniciado
  • *****
  • Mensajes: 1732
fotos y texto en web
« Respuesta #7 en: 14 de Abril de 2004, 01:42:23 am »
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 :cry:

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
Hp Photosmart 945

Desconectado fedelf

  • Iniciado
  • *****
  • Mensajes: 2060
  • Avatar By Dabo
    • Mi Flickr
fotos y texto en web
« Respuesta #8 en: 14 de Abril de 2004, 02:31:39 am »
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.
Canon EOS 40D
18-55 EF-S / 70-200 F4 L IS USM / 50mm 1.4 pero aumentará   :smoke:

Desconectado Antonio de la Flor

  • Pro Member
  • ****
  • Mensajes: 562
    • http://www.adelaflor.com
fotos y texto en web
« Respuesta #9 en: 14 de Abril de 2004, 08:27:20 am »
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 :)
No les des el pez, dales la caña

www.editoresweb.com es mi web sobre edición web ("webmastering"), "Aprender haciendo webs" (y no aprender a hacerlas que eso es otra cosa) ;)

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License