Create topic New topics

Forum

Help me, please!

Centering an image

Christene
Posts: 74
Message
on 06/01/2011

I can't seem to be able to center an image in a text module. Is there a trick to it?

-Christene
mandeesears
Posts: 120
Message
on 06/01/2011

I've had the same problem Christine!


Lovin' Wizzley! Come see my newest Wizz at Patio Decorating Ideas | Color Schemes.
nightowl
Admin
Posts: 491
Message
on 06/01/2011

Centering images is a bit tricky. This is a workaround until we find a better solution:

Insert the image with the image button. Then change into HTML mode and ad this to the <img> tag:

style="float: none; display: block; margin-left: auto; margin-right: auto;"

So, for example, the entire code would look like this:

<p><img style="float: none; display: block; margin-left: auto; margin-right: auto;" alt="my cool image" src="/static/uploads/en/module/text/2011/06/01/2011-06-01_18-29-06_375.288x287.png" /></p>

 


SEO Praxis: Specializing in WordPress Hosting and Small Business Web Design.
Christene
Posts: 74
Message
on 06/01/2011

Thanks!


-Christene
Hans
Admin
Posts: 106
Message
on 06/01/2011

Just a little short-cut: float: none; display: block; margin: 0 auto;


My Tip: Public domain images on Pixabay.com :-)
Christene
Posts: 74
Message
on 06/01/2011

Y'all rock.

Thanks Hans and Simon. :)

Is there a reason we can't use <p align="center"></p> here? Sorry for the silly question. I know absolutely nothing about the back end stuff.


-Christene
mandeesears
Posts: 120
Message
on 06/01/2011

Yeah! Thanks for the info! 


Lovin' Wizzley! Come see my newest Wizz at Patio Decorating Ideas | Color Schemes.
FlowerGardener
Posts: 27
Message
on 06/02/2011

Oh Geez, looks like I'll be out of my comfort zone for awhile. I've been using <p align= "center"> for ages.

AJ
Posts: 251
Message
on 06/02/2011

Well I am being totally thick now, because I cannot make it work Cry

AJ
Posts: 251
Message
on 06/02/2011

Hey - I did it!

 

Thank you 

chefkeem
Posts: 3100
Message
on 06/02/2011

Hey SimonWizz - could you give us a complete sample code where all we have to do is exchange the image URL? Please bold the part that we have to exchange to show our own picture. 

I need a final version of this trick for our upcoming FAQ page. Thanks.


Achim "Chef Keem" Thiemermann is the co-founder of a pretty cool new platform called...um...er...oh, yeah - Wizzley.com.
FlowerGardener
Posts: 27
Message
on 06/02/2011

Hey all....I found an easy work-around!

insert the image, use the center button, THEN click the indent button! I 'indented' 3 times for an image, and wall-ah, it's centered :)

Loading ...
Error!