use txp to add an image into a body of text a certain way?

kitkioto · 2005-10-06 08:24:04

I’m a tad new to txp, I serached for a specific answer to my question and couldn’t find one.

You man notice in this article ( http://www.alexanderng.org/index.php?id=44 ) that the top of the image that is aligned to the right of the body of text does not line up with the top of the paragraph to it’s left.

The same appears further down in the article where the “orange logo” neither aligns with the top of it’s repective paragraph, nor with the left edge of the paragraph as it wraps around the image.

I wanted to know if there was, or if it was even possible to use an (x)html tag, ot a txp tag to layout the image in such a way that the images would align with their respective bodies of text to create a more appealing asthetic.

If the solution requires that I modify or add divs in the page templates, or in a form somewhere, I might be willing if it solves my problem. I’d like to include images in bodies of text like this more often, but I’ve avoided it because ot the finicky nature of the layout.

I’d go for the elegant solution if there is one, if not, I’d resign myself to fix this post quick and dirty if it’s absolutely nessesary.

Thanks.

-Alex

PS. if my explaination of what I would like to acheive is unclear I can provide examples of what I’d like to do.

els · 2005-10-06 16:23:59

You can set padding for #content img in your CSS. Then you also don’t have to use vspace and hspace in the html tag.

kitkioto · 2005-10-06 19:34:50

Thanks so much, I’ve been starting to learn css, but I’m still in a frame of mine to stick in html tags and attributes as I write entries in order to lay the article out as I go… I’ll have to start thinking ahead as to the details of my prefference so I can put them in CSS and not worry about html tags and tedious attirbutes. It’ll make writing the entries so much easier.

On a sie not, never before have I gotten such a quick response to a help question on a forum for any of the CMSs I’ve used in the past, and even then, one that was straight and to the point, and very helpful.

I’ve used PostNuke, Mambo Opensource, PHP-Nuke, etc… and so far TextPattern has offered a simple yet elegant solution for thsoe with complex site demands, or those who just want a simple blog.

Thanks,

-Alex

els · 2005-10-06 21:32:59

Wow, such gratitude just for an answer :) You’re welcome, and you’d better get used to getting answers to your questions if you plan to stay around ;)

By the way, instead of the html tag to insert an image, you can just as easily use txp:image.

kitkioto · 2005-10-07 06:31:44

I don’t see the option to assign, or even if it’s autoassigned, to ascertain the “id” for the image, on the image tab of the content area of the back end. Do you think you could tell me where to find it?

-Thanks

nardo · 2005-10-07 06:38:30

you can’t assign a CSS ID or CLASS to an image on the TXP content/image screen

if you want the flexibility of selecting from a suite of styles for images when writing a new article, install Mary’s upm_img_popper plugin —

generally makes life easier
you can assign a class to each image that you insert

so you might have classes for .image-left, .image-right, .image … that floated the image left, or right, or just put it into the normal flow of things

note that you’ll have to define these styles in your CSS, e.g.

<code>.image-left {
float:left;
margin: 0 13px 5px 0;
}</code>

Last edited by nardo (2005-10-07 06:41:33)

kitkioto · 2005-10-07 06:40:38

I appologise, I should have specified a textpattern ID, not a CSS ID

I see that you can just click on the “textpattern” button to get the tag… but now I have a new question, would it be possible to list the ID on the same line as each of the images are listed on the image tab?

For example
The columns names might read:
Name, ID, Category, Tags, Author, Thumb

And each images info would display the corresponding information.
alex_youth.png, 1, Youth, Textile / Textpattern / XHTML, kitkioto, no

I think it would be useful once I’ve learned he textpattern tags and sytax to be able to have a quick list of images and their IDs to use instead of having to find the the ID by clicking the textpattern link.

-Thanks

Last edited by kitkioto (2005-10-07 06:42:07)

nardo · 2005-10-07 06:42:43

sorry kitkioto, got the wrong end of the stick as usual

but that img_popper plugin will do just what you want! make it easier to insert images – either in the article image field or in the body of your article

kitkioto · 2005-10-07 06:46:06

Rock on… Thanks

Textpattern CMS

Textpattern CMS support forum

#1 2005-10-06 08:24:04

use txp to add an image into a body of text a certain way?

#2 2005-10-06 16:23:59

Re: use txp to add an image into a body of text a certain way?

#3 2005-10-06 19:34:50

Re: use txp to add an image into a body of text a certain way?

#4 2005-10-06 21:32:59

Re: use txp to add an image into a body of text a certain way?

#5 2005-10-07 06:31:44

Re: use txp to add an image into a body of text a certain way?

#6 2005-10-07 06:38:30

Re: use txp to add an image into a body of text a certain way?

#7 2005-10-07 06:40:38

Re: use txp to add an image into a body of text a certain way?

#8 2005-10-07 06:42:43

Re: use txp to add an image into a body of text a certain way?

#9 2005-10-07 06:46:06

Re: use txp to add an image into a body of text a certain way?

Board footer