Margin around image not working [SOLVED]

[Jase]

Hi all.
Just installed the latest CMS version on a new install and having a problem with images and margins. Firstly i copied the default template and associated style sheets "left simple navigation + 1 column" I then modified the layout style sheets to customise how i wanted it to look. 
So building a page using my new template/styles i inserted some text in the main content area then added a photo. In the image properties i set the photo to align to the right and add some vspace and hspace. The image does go to the right, but there is no vspace or hspace applied.
OK so i thought maybe it was something I had changed in the css, so i changed the pages template back to the default one i had originally copied, only to get the same result. Next i changed to to the default cssmenu+1 column template, same result. In fact i got the same result with all the default templates except the minimal template, then the vspace and hspace come into effect. This template has no style sheets associated to it so it has to be a CSS issue.
Maybe I'm just being dumb and my lack of CSS knowledge is to blame but Im really stumped and have been working on this for a couple of days now, but im no CMS expert and just experiment by copying code and modifying it.
I've tried both the WYSISWYG editor to build the page.
Looking at the outputted source code for the page the hspace and vspace is there, just im guessing that something in the css is overriding it.

Bassed on the default template "left simple navigation + 1 column" provided with CMS 1.2 can anyone shed any light as to why the images dont have any vspace or hspace when aligned left or right in some text.
Thanks for reeding I hope someone can help

[Dr.CSS]

Welcome to CMSMS, enjoy it you will...

Those settings don't do squat, sorry, but if you want you can take those out and add a class to the image...

Say you have an image on the right well the words touch the left side so give it a class of rightside, I thinks class setting is in the same tab, then in the CSS...

.rightside {margin-left:5px} or your ?px

This may need the div call... #main .rightside { }  main or whatever the div is IDed as

Do the opposite for left hand pictures...

ps. some one told me once I should break up my sentences, easier to read on web pages/forum...

[Jase]

Mark,
thanks for the quick reply.

You'll be pleased to know your suggestion seems to have sorted it.

[Adrian]

Hi Mark,

Hope this is OK as a first post?

I have the same problem, though not sure how to put your reply into practice.

I've some HTML knowledge from many years ago when using notepad, but no idea about CSS.  Could you break this down into really simple bits for me?

Interestingly, the horizontal and vertical space padding seems to work in Internet Explorer, but not Firefox - well it does on a cursory glance.

Thanks in advance

Adrian - CMSMS trainee 

[calguy1000]

Please ask topics on this channel that are directly, and specifically for CMS made simple.  As well, any topics here should be well researched, well thought out and well worded.

Beginning real soon now, topics that aren't directly and specifically related to CMS Made simple can and will be deleted.  this is not a generic location to learn about CSS, php, html, apache, phpmyadmin or anything else. 

We need to keep the signal to noise ratio higher in this forum, and if we can do that, then the senior dev team members may find a reason to come back into this forum to provide support, to understand some user difficulties, and to assist in further developing the product.

This also applies to 'how I get the style to work around X element in Y module'.....  most of these topics are not well researched, and are posted by somebody that would rather post a question here than spend some time looking on google.