Forums / Setup & design / image vertical align in templates

"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 vertical align in templates

« 
Previous topic
|
Setup & design
|
Next topic
 »
Author Message

Noicokuna Niemoge

Friday 17 April 2009 5:22:39 am

Hi there;

I want to align the image vertically. I creates a custom image class "imagekolekcja", the code in template looks like:

{attribute_view_gui attribute=$node.data_map.image image_class=imagekolekcja}

The output is:

<img src="/var/ezwebin_site/storage/images/kolekcja/kapielowe/zolw-taylor/641-1-pol-PL/Zolw-Taylor_imagekolekcja.jpg" width="280" height="162"  style="border: 0px;" alt="" title="" />

I want to have style="vertical-align: middle;" specifically for the image class "imagekolekcja".

I have no freaking clue how to do this. I have read that custom CSS tag wraps an image in DIV, but then vertical-align doesn't work - it has to be in image tag.

Please help.

Shiki soku ze ku...

Olivier Portier

Tuesday 28 April 2009 3:16:20 am

Hi,

You will have to edit the ezimage.tpl file that is loaded.
To know is path, display the template list in the debug and found-out the ezimage.tpl path.
This one by default :
<i>design/standard/templates/content/datatype/view/ezimage.tpl</i>

Make a override rule of it, or reproduce the path in you design and edit it to add a condition on image class "imagekolekcja".
Only for this class you will print your style or call a special CSS Class.

Hope this will help you.
Regards
Olivier