Picture Bug For Wordpress.


Author Message
Nick

Posted: 6/28/2009
Quote message 

This is a bug in Artisteer for Wordpress generated templates.

1. When you place 2 pictures right next to each other in a page (with no spaces between them), the Artisteer template puts some blank spaces between them when viewing the page in a browser. Same thing happens if the pictures are directly vertical (one above the other). I looked everywhere in Artisteer to find a setting for this (specially) in the Articles section, and could not find one.

2. When the same template is used to generate html pages, it works fine. So it is for Wordpress generated templates, and not html. I don't use Drupal or Joomla, so I don't know if this problem exists there.

3. In Wordpress, if you change the template to a non-Artisteer created template, the problem goes away. So it has to do with the Artisteer generated template for Wordpress.

4. Wordpress, in the editor, whether the default editor or FCK, the pictures look correctly, right next to each other, with no extra spaces, but once you look the page in the browser, the extra space is added, probably because of the CSS files.

5. Checked with IE8, Firefox, and Chrome.

In the meantime, I would really appreciate if someone could guide me how to hack the template, so I can eliminate the space added between the pictures.

Thank you.
 
Nick

Posted: 6/28/2009
Quote message 

Found the problem:

In the Style.css file find the section:

.article img, img.article
{
margin: 1em;
}

and remove the line margin: 1em;

This stupid thing killed my entire Saturday. Overall though, I love Artisteer!!!
 
Dave Porter

Posted: 6/28/2009
Quote message 

Hi Nick,

Isn't this going to depend on a) how wide the pictures are and b) how wide the space where the pictures are located is ?

I would need to see the resulting page and the code, but I don't think you can blame Artisteer for this..

regards Dave Porter

 
Garry

Posted: 6/28/2009
Quote message 

Every theme have its own styles to render its content, can't say it bug
 
MLOKnitting

Posted: 6/28/2009
Quote message 

This is a setting of your template. You need to set the picture border to 0.
 
Nick

Posted: 6/28/2009
Quote message 

To answer to you comments:

The pictures themselves had ho white spaces, and the picture border was set to 0 in Artisteer. Try it yourself, and then create a duplicate template, with the line removed from the CSS file as I described in the above post, and see the difference. Thanks for your responses though.

Looking back, the word "bug" might be wrong. The correct wording is undesired behaviour just for the Wordpress templates. Again, this problem does not exist in the html templates.
 
Nick

Posted: 6/28/2009
Quote message 

One last follow up. This was not a border problem, it was a margin problem...