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

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

eZ debug

Timing:	Jan 31 2025 03:21:36
Script start
Timing:	Jan 31 2025 03:21:36
Module start 'layout'
Timing:	Jan 31 2025 03:21:36
Module start 'content'
Timing:	Jan 31 2025 03:21:36
Module end 'content'
Timing:	Jan 31 2025 03:21:36
Script end

Main resources:

Total runtime	0.0245 sec
Peak memory usage	6,144.0000 KB
Database Queries	3

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0054	589.2891	151.2109
Module start 'layout'	0.0054	0.0048	740.5000	220.6875
Module start 'content'	0.0101	0.0127	961.1875	997.9297
Module end 'content'	0.0229	0.0016	1,959.1172	29.9922
Script end	0.0245		1,989.1094

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0029	11.6745	14	0.0002
Check MTime	0.0011	4.4307	14	0.0001
Mysql Total
Database connection	0.0007	2.7159	1	0.0007
Mysqli_queries	0.0031	12.6854	3	0.0010
Looping result	0.0000	0.0651	1	0.0000
Template Total	0.0011	4.7	1	0.0011
Template load	0.0009	3.5432	1	0.0009
Template processing	0.0003	1.0926	1	0.0003
Override
Cache load	0.0006	2.5322	1	0.0006
General
dbfile	0.0003	1.2423	8	0.0000
String conversion	0.0000	0.0253	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded	Edit	Override
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 1 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs