Cómo reducir el espacio entre las tablas: edición de artículos

Hola

El problema de hacerl con tablas es que pierdes la funcionalidad de responsive design en el contenido de tu artículo, esto lo puedes comprobar cuando redimensionas el navegador

Te sugiero si te interesa el tema de Responsive , entonces sacar el contenido de las tablas y hacerlo a través de CSS, puedes evaluar usar las propieades de los contenedores como float para el diseño que deseas y evitar las tablas.

Saludos.

Sí que me interesa el tema responsive, así que sacaré el contenido de tablas, pero no sé cómo hacerlo a través de CSS (algún tutorial?). Tampoco entiendo a que te refieres cuando hablas de las propiedades de los contenedores para el diseño, ni el float. 🙁

Hola,

Sería usar un código html como el siguiente:

Aquí podrías colocar la imagen


Aquí podrías colocar el resto del texto

Ese código que adjuntas se aplicará a toda la plantilla? sólo lo quiero para el aparado de cooperación.

Hola,

No, ese código sería para que lo pusieras dentro de un artículo de Joomla, o de los artículos donde lo quieras probar. Para hacer esto tendrías que entrar en la vista html del artículo. Para ello puedes pulsar en el enlace [Troggle Editor] que se muestra encima del editor.

Ah! ok, gracias. Y ¿qué código debería insertar para hacer un diseño como lo he hecho con tablas?
http://fontille-cp54.webjoomla.es/index.php?option=com_content&view=article&id=53:etiopia&catid=2

Hola

Has aplicado el código que te ha brindado Pablo?

Aquí podrías colocar la imagen


Aquí podrías colocar el resto del texto del costado de la imagen



 
Resto de contenido, es decir el contenido que no esta en dos coloumnas

Le agregué la parte inferior , el resto de contenido.

Lógicamente lo que podemos ayudarte es la estructura general, desde foro no podemos darte el diseño completo y sólo brindamos generalidades, será mejor que investigues por tu cuenta, pero con la estructura ya puedes empezar a colocar contenido

Saludos.