Page 1 of 1

Image Style problem

Posted: Sun Jul 22, 2007 11:28 am
by Catharina
Hello,

CMS Made Simple is now installed...yay! 

One small item.  When I add images I like to style them to align right and have a 20px margin on the left to keep the text from getting too close.  I ONLY want the space on the left side so I was putting in the style area "margin-left:20px;".  Well, one time I miss-typed and put in "margin-left: 20px" without the semi-colon and a space between the colon and the numbers.  I'm no style expert but it will not work that way.  When I try to change it now, that style remains the same.  Even when I go into the HTML and try to fix it there, it still reverts to the error that I made.

Has anyone else come across this?

My next thought is to put them into a div tag and style that but the image style should be working.

Thanks,
Cat =^..^=

Re: Image Style problem

Posted: Sun Jul 22, 2007 8:17 pm
by Dr.CSS
If it is not getting deleted in the image property window/interface, click the source button and manually remove it then update...

It works best to use CSS to margin/pad it...

#main img {margin-left: 20px}

In some of the newer ver. of the editors you can assign a class to them so if you have images left and right you can put the margin on either side...

#main img.left {margin-right: 20px}
#main img.right {margin-right: 20px}

or {margin: 0px 20px 0px 0px} this is for right, it goes top, right, bottom, left, same for padding....