Images placed in wrong position

Almost every time I try to replace an existing image, the editor positions the new image at the top left hand corner rather than just replacing the image in its current position.

Also, if i try to add a hyperlink to an existing image the hyperlink url is sometimes just added as text at the top left corner of the editor.

This makes the editor unuseable to anyone without html knowledge.

Any help is much appreciated. i am using IE7 and am using the fck|Editor in an ASP.Net 2 web application.

Thanks

John

Thu, 10/23/2008 - 11:31

pepe

Joined: 13/10/2008

Posts: 4

Re: Images placed in wrong position

I,m also having the same problem

Sat, 10/25/2008 - 03:07

uopmws1

Joined: 25/10/2008

Posts: 1

Re: Images placed in wrong position

It's the width and height attribute that prevent the "image properties" dialog from finding the correct "img" tag!

Specifically:

<div style="width: 430px; height: 240px;">

That's all it takes... If the "img" tag resides within a div that has a css width and height, the "image properties" will not work.

Here is all my code:

<div style="overflow: hidden; width: 430px; height: 240px;">
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 100%">
    <tbody>
        <tr>
            <td valign="top" align="left" width="100%">

<img height="120" alt="" width="100" align="left" style="border-right: #000000 1px solid; border-top: #000000 1px solid; margin: 0px 15px 10px 0px; border-left: #000000 1px solid; border-bottom: #000000 1px solid" src="/images/uploads/image/Tree.jpg" />

            <div style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: left">
            <p><span style="color: #cc0000"><span style="font-size: 17pt">Insert your heading here!</span></span></p>
            <p><span style="font-size: 13pt">This is the place to insert additional text. This is also a spot for text. This is the place to insert additional text. This is also a spot for text. This is the place to insert additional text. This is also a spot for text. This is the place to insert additional text. This is also a spot for text. This is the place to insert additional text. This is text. Another line of text can go here!</span></p>
            <p style="text-align: center"><span style="color: #00cc00"><span style="font-size: 16pt">$300 Per Hour (Incall)</span></span></p>
            </div>

            </td>
        </tr>
    </tbody>
</table>
</div>

After removing the width and height attributes from the div, the "image properties" work as expected. The only problem is that I can't get the "overflow" property working without the css width and height attributes defined. I tried other ways to set things up but it does not work. What I wanted was a template that the user could modify but regardless of ho much content they added, it would always have a fixed width and height. That way, they don't expect the extra content to show up.

Thu, 10/30/2008 - 14:58

jayph

Joined: 16/10/2008

Posts: 2

Re: Images placed in wrong position

Hi Chaps

uopmws1 that did not work for me. I tried with no width/height in the containing <div> and it still did not work. i even took width and height attributes out of all parent <DIV> and it didn't work.

i have noticed however that this problem doesn't happen when I use FireFox. It only happens when I use IE. I currently use IE7 I havent tried it in other versions of IE.

I would be really interested to hear what other people think about this problem though.

John