Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2007-08-20 01:51:05

Adrienne
New Member
From: Canberra, Australia
Registered: 2007-08-19
Posts: 3

Images: how to resize and how to centre/center

Hello,

how do you set an image to be centred? Can you adjust the image size in TP or this must be done externally and then reloaded?

I’ve looked in this website’s manual and can’t find the answers.
Where do i set the image the be centred? In the css or on the page html or in the article text or…?
for example

XXXOperations diagram
<small>Figure 1</small>

I’ve tried putting ‘=’ on either side of the ‘!’ but that didn’t work

Thank you

Adrienne

Offline

#2 2007-08-20 03:37:32

iblastoff
Plugin Author
From: Toronto
Registered: 2006-06-11
Posts: 1,197
Website

Re: Images: how to resize and how to centre/center

for any presentational elements (ie centering) yes you should use css. if there are textile methods im not aware of them (i dont use textile at all as im just used to using html)

i dont believe you can adjust the original image size with TXP (though it does do thumbnail sizes) but there are plenty of plugins that will allow you to resize the original image inside TXP such as glx_admin_image_resize

Offline

#3 2007-08-21 03:49:36

Adrienne
New Member
From: Canberra, Australia
Registered: 2007-08-19
Posts: 3

Re: Images: how to resize and how to centre/center

Hi êta,
thanks for the reply. Unfortunately I can’t use the plugin on this machine (work one…blocks downloads) but I’ll try the one at home.

How exactly can I write the css to centre the image? Or rather, just say I had

imgcenter {align:center;}

in the css, how do I tell text pattern to apply that style to a ‘selection’?

Cheers

Offline

#4 2007-08-21 16:19:53

Gocom
Developer Emeritus
From: Helsinki, Finland
Registered: 2006-07-14
Posts: 4,533
Website

Re: Images: how to resize and how to centre/center

A miljons of ways to do that. IE:

With <txp:article_image />:

<txp:article_image class="articleimage" thumbnail="1" wraptag="p" />

Or with Textile:

p(articleimage). !images/1.png!

And in CSS:

.articleimage {
text-align:center;
}

Cheers!

Last edited by Gocom (2007-08-21 16:26:06)

Offline

#5 2007-08-27 00:20:12

Adrienne
New Member
From: Canberra, Australia
Registered: 2007-08-19
Posts: 3

Re: Images: how to resize and how to centre/center

epsilon,

my images are now in the centre!

Thank you/kiitos

Offline

Board footer

Powered by FluxBB