How to assign css class to image

Next topic

Author	Message
Brian Hoke	Thursday 08 January 2009 12:59:30 pm Please forgive a brand-new user what appears to be a most basic question: how to I associate a CSS class with an inserted image? That is, when I edit content (using the WYSIWYG editor) and insert an image from the media library, how do I assign that image a CSS class so I can (for instance) float the image left and wrap text around it? Thanks in advance for help.
Fátima Chapri	Sunday 11 January 2009 3:32:08 pm Hi Brian, I'm not shore if I understood you well. But here is a suggestion: - If your image is inserted in the media library of the administration interface and you want to associate it as an object in an article, than you can add the fallowing code in the xml block: <embed size="original" align="left" offset="0" limit="1" href="ezobject://your_embed_object_id" />. I hope this can be useful for you. If you any question, please ask.
Heath	Sunday 11 January 2009 7:01:11 pm Hello, You can assign a class when using the online editor's embed feature. The list of classes available to use with content comes from the 'AvailableClasses' array in any one of the settings block of content.ini and templates for the class (if applicable) in override.ini Here is an example of two different styles which came with eZ Webin package. <embed size="medium" view="embed" class="highlighted_object" align="center" custom:offset="0" custom:limit="5" href="ezobject://168" /> <embed size="medium" view="embed" class="vertically_listed_sub_items" align="center" custom:offset="0" custom:limit="10" href="ezobject://243" /> Cheers, Heath Brookins Consulting \| http://brookinsconsulting.com/ Certified \| http://auth.ez.no/certification/verify/380350 Solutions \| http://projects.ez.no/users/community/brookins_consulting eZpedia community documentation project \| http://ezpedia.org

Author

Message

Thursday 08 January 2009 12:59:30 pm

Please forgive a brand-new user what appears to be a most basic question: how to I associate a CSS class with an inserted image? That is, when I edit content (using the WYSIWYG editor) and insert an image from the media library, how do I assign that image a CSS class so I can (for instance) float the image left and wrap text around it? Thanks in advance for help.

Fátima Chapri

Sunday 11 January 2009 3:32:08 pm

Hi Brian,

I'm not shore if I understood you well. But here is a suggestion:
- If your image is inserted in the media library of the administration interface and you want to associate it as an object in an article, than you can add the fallowing code in the xml block:

I hope this can be useful for you.
If you any question, please ask.

Heath

Sunday 11 January 2009 7:01:11 pm

Hello,

You can assign a class when using the online editor's embed feature. The list of classes available to use with content comes from the 'AvailableClasses' array in any one of the settings block of content.ini and templates for the class (if applicable) in override.ini

Here is an example of two different styles which came with eZ Webin package.

<embed size="medium" view="embed" class="highlighted_object" align="center" custom:offset="0" custom:limit="5" href="ezobject://168" />

<embed size="medium" view="embed" class="vertically_listed_sub_items" align="center" custom:offset="0" custom:limit="10" href="ezobject://243" />

Cheers,
Heath

Brookins Consulting | http://brookinsconsulting.com/
Certified | http://auth.ez.no/certification/verify/380350
Solutions | http://projects.ez.no/users/community/brookins_consulting
eZpedia community documentation project | http://ezpedia.org

eZ debug

Timing:	Jan 18 2025 19:36:23
Script start
Timing:	Jan 18 2025 19:36:23
Module start 'layout'
Timing:	Jan 18 2025 19:36:23
Module start 'content'
Timing:	Jan 18 2025 19:36:25
Module end 'content'
Timing:	Jan 18 2025 19:36:25
Script end

Main resources:

Total runtime	1.3020 sec
Peak memory usage	4,096.0000 KB
Database Queries	59

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0044	589.3672	152.6250
Module start 'layout'	0.0044	0.0029	741.9922	39.4453
Module start 'content'	0.0073	1.2932	781.4375	569.1172
Module end 'content'	1.3005	0.0015	1,350.5547	12.1563
Script end	1.3020		1,362.7109

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0029	0.2258	16	0.0002
Check MTime	0.0012	0.0921	16	0.0001
Mysql Total
Database connection	0.0007	0.0531	1	0.0007
Mysqli_queries	1.2555	96.4296	59	0.0213
Looping result	0.0006	0.0473	57	0.0000
Template Total	1.2738	97.8	2	0.6369
Template load	0.0020	0.1567	2	0.0010
Template processing	1.2718	97.6768	2	0.6359
Template load and register function	0.0002	0.0178	1	0.0002
states
state_id_array	0.0011	0.0808	1	0.0011
state_identifier_array	0.0015	0.1161	2	0.0008
Override
Cache load	0.0017	0.1300	19	0.0001
Sytem overhead
Fetch class attribute can translate value	0.0007	0.0515	3	0.0002
Fetch class attribute name	0.0025	0.1929	4	0.0006
XML
Image XML parsing	0.0009	0.0655	3	0.0003
class_abstraction
Instantiating content class attribute	0.0000	0.0006	4	0.0000
General
dbfile	0.0009	0.0673	17	0.0001
String conversion	0.0000	0.0004	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
1	node/view/full.tpl	full/forum_topic.tpl	extension/sevenx/design/simple/override/templates/full/forum_topic.tpl
3	content/datatype/view/ezxmltext.tpl	<No override>	extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tpl
6	content/datatype/view/ezxmltags/paragraph.tpl	<No override>	extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tpl
3	content/datatype/view/ezxmltags/line.tpl	<No override>	design/standard/templates/content/datatype/view/ezxmltags/line.tpl
1	content/datatype/view/ezimage.tpl	<No override>	extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tpl
1	content/datatype/view/ezxmltags/literal.tpl	<No override>	extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tpl
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 16 Number of unique templates used: 7

Time used to render debug report: 0.0001 secs