TinyMCE 2.0.4 Hspace and Vspace not honoured

[basicus]

It seems to me that the Hspace and Vspace in images inserted into content does not get honoured in the frontend. Everything seems to work fine when I edit the article, but in the frontend the text comes way to close to the image. Have a look at the source code of http://www.polandpoint.com/destinations ... in-gdansk/

The source for the image just before the text "The Hall of the Main City" is

Code: Select all

<img src="uploads/images/Pomerania/Main_Town_Hall_Ratusz-Gdansk.jpg" alt=" " align="left" border="0" height="266" hspace="13" vspace="13" width="200" />

, so in theory the there should be 13 pixels space around the picture.

Any ideas what might be the problem?

[Russ]

Mmm, I don;t think I would want to use Hspace and Vspace as they have been deprecated in the latest XHTMl. I think perhaps you should look to using a CSS class with extra padding on the image or the text? Or somehting like that.

Russ

[Dr.CSS]

Try...

#main img {margin:13px}

[Zoorlat]

The vspace and hspace on your image seems to work fine in IE. And also when you turn off CSS in Firefox. So it seems to be a problem of styles...

I would recommend following Marks suggestion. Create a class in your stylesheet (for example "img.left") and assign margins, floats etc to that class. Then all you'll need to do is put the class in your img-tag :

Code: Select all

<img src="yourpicture.jpg" class="left">

Hope it works well!

[basicus]

Well.. I guess I could try that. But what I find odd about this behaviour, is that it actually works as expected in the administration. When I look at the article there, everything looks fine. How odd is that?