Cómo reducir el esp...
 
Avisos
Vaciar todo

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

8 Respuestas
3 Usuarios
0 Reactions
1,106 Visitas
Respuestas: 534
Honorable Member
Topic starter
 

Hola,
Estoy creando unos artículos que siguen las mismas pautas, para facilitarlo he creado una plantilla y he utilizado tablas. El problema es que hay demasiado espacio entre las líneas laterales de la derecha, junto a la foto. El título sobresale de la foto, pese a que en la edición lo ajusto al mismo nivel y no sé cómo ajustarlo (ya lo intenté sin tablas pero el desajuste era mayor).
Gracias!

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 08/09/2014 12:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 08/09/2014 5:09 pm
Respuestas: 534
Honorable Member
Topic starter
 

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. 🙁


 
Respondido : 09/09/2014 9:13 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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

 
Respondido : 09/09/2014 11:20 am
Respuestas: 534
Honorable Member
Topic starter
 

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


 
Respondido : 09/09/2014 12:40 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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.


 
Respondido : 09/09/2014 2:07 pm
Respuestas: 534
Honorable Member
Topic starter
 

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


 
Respondido : 10/09/2014 8:59 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 10/09/2014 3:15 pm