Forums / Developer / Image placement in Editor

"Please Note:
  • At the specific request of Ibexa we are changing this projects name to "Exponential" or "Exponential (CMS)" effective as of August, 11th 2025.
  • This project is not associated with the original eZ Publish software or its original developer, eZ Systems or Ibexa".

Image placement in Editor

Author Message

Pål Messenlien

Monday 05 September 2005 11:01:01 am

Im working on a new website in Exponential 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
-------------------------------------------