Style problem (css) !!!

Author Message

Selmah Maxim

Wednesday 13 August 2003 4:42:26 am

Hi ..

How to insert image in css as style ?

input.greenbtn {
BORDER-TOP-WIDTH: 1px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #BCC8A4; BACKGROUND: #CEE69C url(images/seach_btn_dots_09.gif) no-repeat 5px 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #99AB74; COLOR: #666666; BORDER-TOP-COLOR: #BCC8A4; FONT-FAMILY: Verdana, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #99AB74}

?!?

Bjørn Kaarstein

Wednesday 13 August 2003 5:14:14 am

background-image: url("/design/yourdesign/images/image.jpg");

should do the trick. Basically, you need the full path to your image.

Regards Bjørn

Selmah Maxim

Wednesday 13 August 2003 9:19:12 am

didn`t work ...

just with http://mysite/design..etc !!!

Bjørn Kaarstein

Wednesday 13 August 2003 11:03:47 am

That works for me, but maybe you can find more info in this thread:
http://ez.no/developer/ez_publish_3/forum/setup_design/images_in_stylesheet

I have spent some time on getting this to work, but it usually is just a little "/" on the wrong place...

Regards Bjørn

Tony Wood

Wednesday 13 August 2003 11:05:46 am

Selmah,

Could you not use the literal tag?

<literal>my css</literal>{$myvar}<literal>my css</literal>

Tony Wood : twitter.com/tonywood
Vision with Technology
Experts in eZ Publish consulting & development

Power to the Editor!

Free eZ Training : http://www.VisionWT.com/training
eZ Future Podcast : http://www.VisionWT.com/eZ-Future

Bruce Morrison

Wednesday 13 August 2003 3:08:00 pm

The URL for back background image is relative to the stylesheet.

So if you directory structure looks like

docroot/design/blah/stylesheets
docroot/design/blah/images

you need either

input.greenbtn{
BACKGROUND: #CEE69C url(../images/seach_btn_dots_09.gif) no-repeat 5px 1px;
}

input.greenbtn{literal}{{/literal}
BACKGROUND: #CEE69C url({"images/seach_btn_dots_09.gif"|ezdesign}) no-repeat 5px 1px;
{literal}}{/literal}

Hope this helps
Cheers
Bruce
designIT

My Blog: http://www.stuffandcontent.com/
Follow me on twitter: http://twitter.com/brucemorrison
Consolidated eZ Publish Feed : http://friendfeed.com/rooms/ez-publish

Selmah Maxim

Thursday 14 August 2003 12:18:22 am

Thx alot ...

The url(../images/seach_btn_dots_09.gif) work fine, this in css file .

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.

eZ debug

Timing: Jan 18 2025 19:37:18
Script start
Timing: Jan 18 2025 19:37:18
Module start 'layout'
Timing: Jan 18 2025 19:37:18
Module start 'content'
Timing: Jan 18 2025 19:37:18
Module end 'content'
Timing: Jan 18 2025 19:37:18
Script end

Main resources:

Total runtime0.0142 sec
Peak memory usage2,048.0000 KB
Database Queries3

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0052 588.9297152.6094
Module start 'layout' 0.00520.0029 741.539139.4141
Module start 'content' 0.00820.0044 780.953193.3047
Module end 'content' 0.01260.0016 874.257838.3047
Script end 0.0142  912.5625 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.002417.1577140.0002
Check MTime0.00128.2938140.0001
Mysql Total
Database connection0.00107.349710.0010
Mysqli_queries0.002114.769830.0007
Looping result0.00000.169410.0000
Template Total0.00139.510.0013
Template load0.00074.896510.0007
Template processing0.00064.544310.0006
Override
Cache load0.00053.368810.0005
General
dbfile0.00032.191780.0000
String conversion0.00000.047040.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1print_pagelayout.tpl<No override>extension/community/design/community/templates/print_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