Align Uploaded Images

[dontfeedthemonkeys]

Hi guys,

I've been searching and looking (both forums and site code) to try and determine how to align images that have been uploaded to the left.

I have a Pligg 1.0 install, running the (super sexy) thestandard theme (sunshine). and am currently going back and forward trying to just make it a little bit "my own". (Donations incoming to dev).

However, I was pretty keen to left-align (with a little white space to the right hand side) my uploaded images for each story I submit.

Any tips or pointers would be greatly appreciated!! Even what particular ID to look for in the CSS etc..

Site is sitting at: www.dontfeedthemonkeys.com

Cheers!

[Yankidank]

Well you could either manually add the thumbnail image tags to the link_summary.tpl file or wrap a <div> around the thumbnails using Upload Module settings page. The "HTML code to place before the Thumbnails" and "HTML code to place after the Thumbnails" fields are there so that you can wrap some <div> around the automatically embedded thumbnails.

Here's a quick example to float all uploaded thumbnails to the right of the article by using the Upload module settings page.

Where to embed thumbnails: tpl_link_summary_pre_story_content

HTML code to place before the Thumbnails: change the width value to match the width of your thumbnails. Alternatively you could alter the "Manual Thumbnail HTML format" field so that images will better align themselves.

<div style="float:right;margin:0 0 6px 10px;width:200px;">

HTML code to place after the Thumbnails:

</div>

Manually place this code in link_summary.tpl just before your story tools section:

<div style="clear:both;"> </div>

[dontfeedthemonkeys]

Thanks for the SUPER-prompt response Yanki!

I'll give these a go. I had tried HTML coding around the embed tag previously, but ended up with the story having both the uploaded image at top and then again where i had done the coding. Will start out with this and update the thread.

Cheers!