Forums / Developer / Image placement in Editor
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.
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.
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.