Forums / Setup & design / Style problem (css) !!!

Style problem (css) !!!

« 
Previous topic
|
Setup & design
|
Next topic
 »
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 .