Menu
I have a production and development server. The problem is the directory structure.
Development:
http://dev.com/subdir/images/image.jpghttp://dev.com/subdir/resources/css/style.cssProduction:
http://live.com/images/image.jpghttp://live.com/resources/css/style.cssHow can I have a style.css in css folder that uses on both servers the same path for the background: url property? Is there a trick I can use with relative paths?
375
An absolute URL contains more information than a relative URL does. Relative URLs are more convenient because they are shorter and often more portable. However, you can use them only to reference links on the same server as the page that contains them.
An absolute path is defined as specifying the location of a file or directory from the root directory(/). In other words,we can say that an absolute path is a complete path from start of actual file system from / directory. Relative path is defined as the path related to the present working directly(pwd).
An absolute URL contains all the information necessary to locate a resource. A relative URL locates a resource using an absolute URL as a starting point. In effect, the "complete URL" of the target is specified by concatenating the absolute and relative URLs.
An absolute URL is the full URL, including protocol ( http / https ), the optional subdomain (e.g. www ), domain ( example.com ), and path (which includes the directory and slug). Absolute URLs provide all the available information to find the location of a page.
The URL is relative to the location of the CSS file, so this should work for you:
url('../../images/image.jpg') The relative URL goes two folders back, and then to the images folder - it should work for both cases, as long as the structure is the same.
From https://www.w3.org/TR/CSS1/#url:
Partial URLs are interpreted relative to the source of the style sheet, not relative to the document
153
Personally, I would fix this in the .htaccess file. You should have access to that.
Define your CSS URL as such:
url(/image_dir/image.png); In your .htacess file, put:
Options +FollowSymLinks RewriteEngine On RewriteRule ^image_dir/(.*) subdir/images/$1 or
RewriteRule ^image_dir/(.*) images/$1 depending on the site.
34
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
