[posts] - [more]
For DotNetNuke 7, how to align an image to the left with text on the right and a space in between.
In this video, you will follow along with a solution to this problem. This video also includes some problems as they are encountered. Watching the problems here may be instructional.
When you add a bio of a say a director, you may want the image aligned to the left with the text on the right. You will want nice spacing between the image and the text.
The DNN content editor provides an image property editor with a left align function for images. One thing to note is that the image property editor does not work in Internet Explorer. You cannot save. I prefer Internet Explorer, but must switch to Chrome to use the image property editor.
Setting the left alignment in the image property editor does align the image, but does not add spacing.
The content editor has a CSS class you can apply called float_left, but this is only defined in the content editor and does not work on the website.
I chose to use the float_left class on the img tag and then define the float_left class in the style sheet.
The content editor is inconsistent and does not always put the CSS class where you want, so you will see how to go into the html view and put the CSS class on the img tag by hand.