On this page: http://www.catalystsatwork.com/working-with-groups/ I am trying to align a picture to the left. As you can see it is just not quite right. There's a small margin on the left which causes it to overlap the sidebar on the right.

Could anyone thrown any light on how I achieve this?

Once I've got this fixed, I want to overlay the title text in a controlled manner over the image - having the ability to play with its position and layout ideally.

Can anyone help on that score too?

Huge thanks...
Graham

use a code inspector and examine the image and it's parent elements and check out their CSS. shut some things off till you see what is causing it.

Thanks - it was the padding of the centre column, which I'd somehow missed. My apologies for wasting your time on that one.

Don't suppose you have any idea how to overlay the title on the image at the top of the post?

Best wishes, Graham

Originally Posted by GrahamW

Don't suppose you have any idea how to overlay the title on the image at the top of the post?

Just target the title of that post and use absolute positioning.

Originally Posted by lmilesw

Just target the title of that post and use absolute positioning.

Sorry, Larry - can you explain 'target' and how to absolute position? I'm afraid it's not something I've come across before.

Thanks
Graham

Scrub that. Thanks for the advice - but don't worry, I've found a work around that is better for my purposes by adding text to the images themselves.

The only problem remaining is that there's still some space above the image and below the menu. (http://www.catalystsatwork.com/) I've tried several suggestions in other threads, reducing padding etc, but still can't seem to get rid of it. If you have a moment to check that would be great, but I'll keep researching.

Best wishes
Graham

The only problem remaining is that there's still some space above the image and below the menu. (http://www.catalystsatwork.com/) I've tried several suggestions in other threads, reducing padding etc, but still can't seem to get rid of it. If you have a moment to check that would be great, but I'll keep researching.

have you used the code examiner (firebug) to look at that section and elements that preceed it?

Yes, I still can't see what's causing the problem. This is a snapshot of the code:

https://dl.dropbox.com/u/80316359/CaptureCAW1.JPG

I was wondering if it was the same as this: http://forum.bytesforall.com/showthread.php?t=18838

One way to get rid of that space is to use the following the CSS INserts box.

#middle .page {
    margin-top: -28px;
}

This assumes you will always have an image at the top of all pages. If you didn't have an image and just used the page title it would probably be squashed at the top.

Speaking of squashed. On the facilitators page you are using a vertical image and it is getting distorted.

Larry - I don't know when you became a super-hero, but you certainly keep affirming it! Thank you VERY much.

As it's extremely unlikely that we shall ever meet in the real world, and I don't know what your tipple is, the cost of a cheap bottle of Red wine or a couple of UK pounds of carrots have been added to your storehouse.

Best wishes, Graham

PS I promise to keep quiet for a few hours now!