Forums / Setup & design / How to reference backgroung image in css?

How to reference backgroung image in css?

Author Message

GG 66

Monday 22 August 2005 7:42:20 am

I'm trying to reference a background image from an external image file with little success.
The usual code for this is

{
background:#E1E1E9 url(shadow.gif) repeat-x;}

all images within my html template are referenced as

<img src={"photohome.jpg"|ezimage}>

adding the {|ezimage} tag within the css won't work. I've also tried absolute references for images. doesn't work.

This is really buggin me, Any ideas greatly appreciated

Matthew Almand

Monday 22 August 2005 7:54:28 am

try this

background: #E1E1E9 url(../images/shadow.gif)repeat-x top left;

usually if you have placed you image within the site design images folder you are using this is how you access it

GG 66

Monday 22 August 2005 9:16:35 am

Thanks Matthew, I was sure I tried that before. Works this time.

eZ debug

Timing: Jan 18 2025 11:42:21
Script start
Timing: Jan 18 2025 11:42:21
Module start 'content'
Timing: Jan 18 2025 11:42:21
Module end 'content'
Timing: Jan 18 2025 11:42:21
Script end

Main resources:

Total runtime0.1674 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0054 587.8438180.8125
Module start 'content' 0.00540.0045 768.656393.9453
Module end 'content' 0.00990.1574 862.6016522.6250
Script end 0.1673  1,385.2266 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00331.9875200.0002
Check MTime0.00130.7649200.0001
Mysql Total
Database connection0.00090.511810.0009
Mysqli_queries0.123773.90281410.0009
Looping result0.00140.84151390.0000
Template Total0.157193.810.1571
Template load0.00080.498810.0008
Template processing0.156393.322410.1563
Override
Cache load0.00060.358310.0006
Sytem overhead
Fetch class attribute can translate value0.00100.609910.0010
XML
Image XML parsing0.00030.160010.0003
General
dbfile0.00181.0953200.0001
String conversion0.00000.003030.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
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs