Organizar fotos

• 

  pacovazquezcerezo · Miembro · octubre 23, 2008 at 9:56 pm

  • Copiar enlace
  • Añadir tema a favoritos

  Hola, como puedo poner las fotos una junto a otras, y no poner cada foto en una linea?
  gracias

• 

  galois · Moderador · octubre 23, 2008 at 10:53 pm

  • Copiar enlace

  Simplemente las pones en la misma línea, ya sea en el editor visual (con la alineación a la izquierda, centro, derecha), o en el editor de código HTML (usando etiquetas HTML, para alinearlas).
  Por supuesto tendrás que tener en cuenta las dimensiones de los archivos para que te quepan y no se descuadre todo. En mi caso, tengo un post en el que hay varias imágenes, dos de ellas en la misma línea. Tienen cada una 100 píxeles de ancho y la columna de los posts admite 260 como máximo.
  Si necesitas variar las dimensiones de las imágenes, puedes hacerlo o bien antes de subirlas (por medio de un editor de imágenes) o bien por medio de cambiarle las dimensiones una vez subidas. Cuando las imágenes tengan que ser muy pequeñas porque si no descuadran el ancho o el largo que pueden ocupar, siempre puedes enlazarlas a los originales (o a una copia de ellas que sea más grande), para que la gente las pueda ver mejor.
  Lee estos enlaces:
  http://faq.wordpress.com/2006/09/25/how-big-can-my-images-be/ (para saber las dimensiones máximas soportadas por cada plantilla)

  http://faq.wordpress.com/2006/05/08/optimise-your-images/ (explica por qué hay que optimizar las imágenes)

  http://faq.wordpress.com/2008/07/24/image-settings-titles-descriptions-captions-etc/ (todo lo que se puede hacer una vez que las imágenes están ya subidas; alinearlas, ponerle subtítulos, cambiar las dimensiones, etc)

  Todos los enlaces son de las preguntas frecuentemente formuladas (FAQ) y están en inglés.
  Saludos.

• 

  espadistros · Miembro · octubre 24, 2008 at 10:45 am

  • Copiar enlace

  Otra opción es meter las imágenes dentro de una tabla usando la opción «HTML» del editor. Es un poco «anticuado», pero funciona.En esta página sobre Bardinux de mi blog puedes ver una tabla sin borde con cuatro fotos en la parte de abajo, donde las capturas de pantalla.
  El código, simplificando, sería este:

  <table border="0">
  <tbody>
  <tr>
  <th>
     <img src="ruta de la imagen" />
  </th>
  </tr>
  </tbody>
  </table>

  En el ejemplo he puesto sólo una fila (tr) y una columna (th) si quisieras añadir una segunda imagen en la misma fila, añadirias otro bloque de «th-img-/th» antes del «/tr» y para añadir otra fila otro bloque entero «tr-th-img-/th-/tr» antes de «/tbody».

  La verdad, no se si te voy a aclarar algo o a liarte más. :/

• 

  galois · Moderador · octubre 24, 2008 at 11:08 am

  • Copiar enlace

  Jeje, me parece que lo vamos a abrumar.

• 

  galois · Moderador · octubre 24, 2008 at 11:11 am

  • Copiar enlace

  Por cierto, qué chulos esos escritorios… :)

• 

  espadistros · Miembro · octubre 24, 2008 at 11:57 am

  • Copiar enlace

  Se lo digo de tu parte al desarrollador de Bardinux, que es compañero del GULIC (Grupo de Usuarios de Linux de Canarias) ;)