Remove space from tables.

I would love to not use tables, but I don't know css...

The problem is this, when I past the html laid out with tables into my article it appears to be correct except for a large amount of space between the cells.

http://www.fonsanimi.com/casadelpapel/i ... tos/libros

It should look more like:
http://www.fonsanimi.com/casadelpapel/n ... ables.html

(note I did change the image location in the html version so they would view correctly, but the code is otherwise identicle).

This problem probaly isn't related to the template, but I am using the Publisher template.

Help would be greatly appreciated.

Guess I'n not such a noob, just altered css/joomla.css and it's looking better.

Just gotta figure out what to put in the template overides section of the Givickpro template in the Joomla back end to make the change perminant..

Quess I got ahead of myself with congratulations. I reduced the bottom margin in the tables section of joomla.css but the is still a ton of space.

What do I need to do? Am I close?

Hi

You can reduce paddings with css, but it will not solve Your problem. I think gaps You are talking about are empty table cells. Unfortunately there is no way to prepare a css code which will be able to work only with empty cells. Please try add this code to override.css file (remember to allow using of override in template settings).

Code: Select all

#page-wrap tbody tr td {
    padding: 0;
}