Forums / Setup & design / image vertical align in templates

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

eZ debug

Timing: Jan 18 2025 14:59:23
Script start
Timing: Jan 18 2025 14:59:23
Module start 'content'
Timing: Jan 18 2025 14:59:24
Module end 'content'
Timing: Jan 18 2025 14:59:24
Script end

Main resources:

Total runtime1.0189 sec
Peak memory usage4,096.0000 KB
Database Queries191

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0058 587.7344180.8281
Module start 'content' 0.00580.8745 768.5625531.0703
Module end 'content' 0.88030.1386 1,299.6328333.0859
Script end 1.0189  1,632.7188 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00420.4096210.0002
Check MTime0.00150.1439210.0001
Mysql Total
Database connection0.00070.072410.0007
Mysqli_queries0.932491.50851910.0049
Looping result0.00210.20701890.0000
Template Total0.991597.320.4958
Template load0.00180.178020.0009
Template processing0.989797.134020.4949
Template load and register function0.00030.033510.0003
states
state_id_array0.00080.076010.0008
state_identifier_array0.00160.158120.0008
Override
Cache load0.00150.1499230.0001
Sytem overhead
Fetch class attribute can translate value0.00130.123430.0004
Fetch class attribute name0.00220.211230.0007
XML
Image XML parsing0.00730.719430.0024
class_abstraction
Instantiating content class attribute0.00000.001030.0000
General
dbfile0.01641.6058270.0006
String conversion0.00000.000630.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
2content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
7content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
2content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
3content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 17
 Number of unique templates used: 7

Time used to render debug report: 0.0002 secs