Tinymce image position

[Barrowboy]

Hi
Can anyone explain how to position an image within blocks of text. I have tried all settings provided but the image always appears at the top of page. No matter were I position the cursor.
I am using Tinymce version 2.9.12 the only one available for CMSMS.
My CMSMS is the latest version 1.11.10
and I normally use IE11.

Thanks for any advice.

[velden]

I don't fully understand your question.

I always insert an image and in the popup I can choose a position.

Maybe you can post a screenshot of the 'issue'?

[Tetsuo]

This just sounds like a CSS issue. You will need to create the necessary rules in your stylesheet to position the image around text as you see fit. TinyMCE is simply a structural tool for your content, rather than a design tool.

If you need to, you can also create extra classes that you can dynamically add to the image in TinyMCE, by going to:

Extensions > TinyMCE > CSS Styles > enter 'Basic=basic; Float=float' into the textarea > click Save.

Then when adding an image using TinyMCE, click on the 'Appearance' tab, and your class(es) will appear in the 'Class' drop-down menu.

[Barrowboy]

Hi Velden

Thanks for your response below is a sample of the code entered using 'What you see editor'.

There are two blocks of text, when selecting the image the cursor was placed between the two blocks i.e. <p> cursor </p> as you can see the image goes to the top irrespective of the position settings.
I have tried adding further css styles but no joy.
I have now noticed that I get the same result when going back to the original editor. Also I have installed a new version of cmsms in a separate folder together with the Tinymce and I get the same results.
I am now wondering if the is incompatibility between the latest version of cmsms and Tinymce or a bug.
I hope someone can prove me wrong.

---------------------------------------------------
<p><img style="float: left;" src="uploads/images/annette.jpg" alt="" width="280" height="200" />Test area, no content will be harmed playing with this...</p>
<p> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<p>cursor position </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>

[velden]

Could be incompatibility with certain browser(s).

Did you try with e.g. Firefox or Chrome?

[Barrowboy]

Hi Velden

You are right it is compatible problem with IE11, I should have thought of this myself. IE can be frustrating at times.

At least someone else may benefit from my inexperience.

Thanks again for your time.