Symfony2 path to img in css file on webserver

Question

I have in my css file this path to img

.picture{
background:url(../img/once.png)
}

It works on localhost, but it does't on web serwer. I keep this files on web/css and web/img

EDIT:

link This solved my problem

Thank you all for waste your time for my problem ;).

Emii Khaos · Accepted Answer · 2013-04-29 09:59:10Z

1

Make sure you have the same webroot at localhost and on your production server. ex:

http://localhost/app.php
http://example.com/app.php

then reference your images in an absolute way

.picture{
   background:url(/img/once.png)
}

relative path in css are always seen from the calling page, not from the css location

answered Apr 29, 2013 at 9:59

Emii Khaos

10.1k3 gold badges37 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Emii Khaos Over a year ago

You should configure your webserver correct, that you can omit the /web/ in the url.

Emii Khaos Over a year ago

regardless of the environment. on production server and localhost.

Teffi Over a year ago

whats your root directory in your web server?

Emii Khaos Over a year ago

DocumentRoot /path/to/symfony/web

Zeljko · Accepted Answer · 2013-04-29 13:57:34Z

0

Did you do:

php app/console assets:install web --env=prod
php app/console assetic:dump web --env=prod

?

answered Apr 29, 2013 at 13:57

Zeljko

5,1886 gold badges39 silver badges46 bronze badges

2 Comments

Zeljko Over a year ago

"I keep this files on web/css and web/img" - assets should be kept within Resources/public folder. That way, when you do assets:install, assetic bundle will make correct paths. Make sure you have cssrewrite: ~ in config.yml (i think it is default)

konadrian Over a year ago

I put file to Resources/img and /css , I did assets:install and assetic:dump. Now file is loading but is empty.

Victor · Accepted Answer · 2013-04-29 20:18:42Z

0

In your layout page, try to do this:

{% block stylesheets %}
   {% stylesheets filter='cssrewrite' 'CSS_PATH/*' %}
{% endblock %}

The cssrewrite is a Twig Filter, google it for mor information.

If this doe's not work, try to:

php app/console cache:clear --env=prod

answered Apr 29, 2013 at 20:18

Victor

492 bronze badges

Collectives™ on Stack Overflow

Symfony2 path to img in css file on webserver

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related