Forums / Developer / Image placement in Editor

Image placement in Editor

Author Message

Pål Messenlien

Monday 05 September 2005 11:01:01 am

Im working on a new website in eZ publish and are having some strange problems with the eZ editor. When i add a image inside a article it wont get the image placement right. The image just shows up over the text instead of floating left/center/right of the text. Im using this code to show the output

	<h3>{$node.object.data_map.nyhet_oversk.content|wash}</h3>
        {attribute_view_gui attribute=$node.object.data_map.nyhet_ingress}

    {section show=$node.object.data_map.nyhet_artikkel.content.is_empty|not}
       {attribute_view_gui attribute=$node.object.data_map.nyhet_artikkel}
    {/section}

Any ideas??

--------------------------------------------
Høgskolen i Lillehammer
Lillehammer University College
http://www.hil.no
--------------------------------------------
Messenlien IT
http://messenlien.com
-------------------------------------------

K259

Monday 05 September 2005 11:13:56 am

Does this only happen in IE?

..you can add a table with border=0 and put image and text in separate cells.

We also have this problem on our site, but have "solved" it with tables. I think it's too much to pay 200-400 dollars for solving this bug(if it's a browser problem..), so we drop it.

Pål Messenlien

Monday 05 September 2005 11:28:00 am

It happends in both IE and Firefox browsers. Ive tried to edit the articles in both without any luck. This is the code the browser outputs on a image.

div class="attribute-image">
<p>    
<!-- START: including template: design/standard/templates/content/datatype/view/ezimage.tpl (design:content/datatype/view/ezimage.tpl) -->


    
        
    
    <img src="/var/plain/storage/images/media/images/thrane/714-1-nor-NO/thrane_medium.jpg" width="200" height="180"  style="border: 0px;" alt="" title="" />
    
    
    
<!-- STOP: including template: design/standard/templates/content/datatype/view/ezimage.tpl (design:content/datatype/view/ezimage.tpl) -->
</p>
</div>

There might be a css issue since we'r running a tab leless design. But turning off css tru Firefox dont help. Im goin to try to remove the css from the source instead and see if that helps.

--------------------------------------------
Høgskolen i Lillehammer
Lillehammer University College
http://www.hil.no
--------------------------------------------
Messenlien IT
http://messenlien.com
-------------------------------------------

Pål Messenlien

Tuesday 06 September 2005 3:34:30 am

I found the reason for this. The editor is using css as placement and other functions. This css code is in classes.css and this file where not loaded in my design. A better information on what css code we have to implement into our designs would be good. I see theres alot of other code in this file wich might have functions, but i dont want to load it before i realy need it. Im working on getting the css as small ass possible for faster loading of the pages.

--------------------------------------------
Høgskolen i Lillehammer
Lillehammer University College
http://www.hil.no
--------------------------------------------
Messenlien IT
http://messenlien.com
-------------------------------------------