Problem centering images.

SevMC

Hello!

Im using vanilla 2.0.18.4, but I also had this problem with the 2.0.18.3 version.

When I try to center images using CLE editor or Tinymce (they use

<

div align="center"> ) everything is correctly aligned at the editor frame, but when I post the discussion shows it in the left.

Is there any way to fix it?

Thanks.

site: www.makeitsound.org

422

No idea. Im not a lover of inline styling, cleditor is so dated. Try buttonbar, because i am sure all inserts are handled using .this css

422

If you know some code, you could wrap a dynamic class around the image, you would need to edit editor files. Then in css, give the class a width that fits your forum, and further set margin:0px auto;

That should work

SevMC

thanks, well I'm prety bad coding anything more than css or html, but maybe I can change the <div align="center"> to <center> in the editor.

422

Center is deprecated. Can you post the actual editor you are using ?

SevMC

CLE editor

422

Is it still downloadable as a plugin? If so please post link, i will be in office in twenty mins.

SevMC

yes: http://vanillaforums.org/addon/cleditor-plugin

422

for curiosity sake ( as cleditor handles all functions within js ) can you post a example post with an image in it that isnt aligned properly.

SevMC

sure:

422

Yer just on there now playing .. I tried this in css:

.Message {width:680px;}
then
.Message img {margin:0px auto;}

But not having much luck.. css seems to be the way to go.

You have at moment < div style="text-align: center;"> for the image wrap.

Is that by you or via cleditor

SevMC

via cleditor

422

Well ive gone thru cleditor code, it could be added programatically, but I dont see how it is appending div style = text-align:center to an image.

SevMC

I was playing with the css and i found that the #body is the one affecting the alignement with the tag text-align: left; but if i dissable ir, the layout crash.

SevMC

Maybe we can reset the align of the .message img css

422

Ive tried that, the issue seems to be how is it doing the inline style, and where is it appending it from. If we can change that we can make it all work.

422

Ive tried that, the issue seems to be how is it doing the inline style, and where is it appending it from. If we can change that we can make it all work.

SevMC

Any idea?

422

No idea. Im not a lover of inline styling, cleditor is so dated. Try buttonbar, because i am sure all inserts are handled using .this css

SevMC

will, but I think is kind of limited for the use I'm trying to give the editor, I will try to fix it, If I don't I will use buttonbar.

Thank you very much for your help and time

SevMC

Well, maybe the best way to fix this is change the output from div align="center" to style="text-align:center;".
Does someone know how to do this?

peregrine

you have to identify the element to change in the selector - but this should give you an idea.

jQuery('img .Message').css('text-align','center');