Avisos
Vaciar todo
Hola,
¿Cuál sería la forma más sencilla de mostrar un contenido formado por una serie de imágenes, alineadas en columnas y filas (a modo de portfolio), y que contengan un vínculo hacia otra página del sitio web?¿ Sería conveniente ubicarlas en un artículo, módulo...?
Adjunto imagen de la estructura que comento.
Muchas gracias.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 05/02/2013 1:34 pm
Hola Diego,
La manera más fácil de crear lo que comentas, es usando tablas, con el editor que dispone joomla JCE .
Revisa este post :
https://www.webempresa.com/foro/6-Joomla-15/18621-Crear-tablas-con-un-estilo-css.html
Saludos
Respondido : 05/02/2013 1:56 pm
Hola Hicham,
he estado mirando la información que me comentas. En mi caso podrían resultar interesantes las tablas para alinear las imágenes, pero el problema viene cuando redimensionamos la ventana del navegador y la tabla completa de imágenes no se recoloca adaptándose a nuevos anchos, permanece con la anchura inicial.
¿Sabes si este comportamiento se podría modificar para adaptarlo a que se vea bien en tablets y móviles?
Gracias.
Respondido : 05/02/2013 4:13 pm
Lo que indicas se consigue con una maquetación que haga uso de "Responsive web design", es un tema de HTML/CSS, puedes leer mucho sobre esto aquí:
http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
Saludos!
Respondido : 05/02/2013 6:00 pm
Hola David,
actualmente utilizo la plantilla "JA-Elastica", precisamente para tratar de conseguir cierta flexibilidad en cuanto a la visualización entre dispositivos, pero no tengo grandes conocimientos en Responsive Design.
Por eso, me gustaría contar con un método sencillo para colocar las imágenes ordenadamente y que éstas pudiesen reordenarse (reduciendo el número de columnas por ejemplo) al visualizarse en un móvil o tablet.
Gracias.
Respondido : 05/02/2013 6:25 pm
Hola Diego
Para lograr lo que comentas debes hacer uso de CSS, es decir no colocar tus imágenes en tablas sino mas bien en contenedores div , luego puedes trabajar con la propieda float de CSS, de esta manera ganarás flexibilidad.
Revisa por ejemplo : http://www.w3schools.com/css/css_float.asp
A través de este foro te podemos dar generalidades ya que no atendemos temas de CSS ni programación.
Saludos.
Respondido : 05/02/2013 8:16 pm
