studio

I am using the Smartresizer plugin to resize my article photos (make thumbnails) for the front page view.

Is it possible to set the thumbnails on the front page to always be left-aligned, even though the images in the articles are right-aligned?

Thank you.

You can use this guide www.lot-studio.ru/en/devarticles/111-artsmartresizer
to set separate image decoration for article and blog layout.

Use float:left and float:right property of .smartresize class and clear align in <img> tag

Thank you for the quick reply Igort

It worked! Thanks a lot

I used the .blog img.smartresize selector in my CSS to make the thumbnails float:left in the front page view, and for the article view I used just the .smartresize selector to make the images float:right.

I didn't even have to clear the align property in my <img> tag. Does the CSS "float" property override the "align" property in the <img> tag? What's the difference between float and align anyway?

If you use TinyMCE and set "align" property on Image properties window of TinyMCE to "Left", then TinyMCE inserts 'style="float:left"' to IMG tag. So the full tag looks like this:

and style property can override alignment setted by smartresize class. You should not use align property in TinyMCE for images.

I'm using the TinyMCE 2.0 Editor, but it doesn't work the way you describe.

If I set the "align" property to "left", TinyMCE inserts just that into the <img> tag (align="left").

And if I try to manually write style="float:left" or style="float:right" in the advanced html editor, it just disappears as soon as I press OK.

It looks as if the editor doesn't respond to the "style" property or just ignores it.

Why is this? How can I then make exceptions to the "float:right" that I set earlier with the .smartresize CSS class - for example if I want an image on the left hand side of an article?

Try to switch TinyMCE in advanced mode in editor parameters. Also set parameter of the editor "Clear HTML" to none.