How to access images from design folder

Squiz Matrix Support
1

I have css file in design folder


I have images folder in the site/images.





I don't know how use images path in css



like



url(../images/aa.jpg) don't work if i use full path like http://ww.sss.com/site/images/aa.jpg then it works

2

Link your images underneath your CSS Design file, and then refer to them using "mysource_files/aa.jpg". Matrix will automatically generate the right URL for it to work correctly.

3

Can you please let me know how do we 'link images underneath the CSS Design file, as I too have a situation stated by JohnK.


and Referring the images as mysource_files/aa.jpg -> Does this mean that we have to modify the css file from url(../images/aa.jpg) to url(msource_files/aa.jpg)?



With the above approach, we need not add the entries to the parse file right? -



<style type="text/css"> .austButton{ background:url(mysource_files/austButton.png) no-repeat;

}



Regards,

Radhika


[quote]

Link your images underneath your CSS Design file, and then refer to them using "mysource_files/aa.jpg". Matrix will automatically generate the right URL for it to work correctly.

[/quote]

4

[quote]
Can you please let me know how do we 'link images underneath the CSS Design file, as I too have a situation stated by JohnK.



and Referring the images as mysource_files/aa.jpg -> Does this mean that we have to modify the css file from url(../images/aa.jpg) to url(msource_files/aa.jpg)?



With the above approach, we need not add the entries to the parse file right? -



<style type=“text/css”> .austButton{ background:url(mysource_files/austButton.png) no-repeat;

}



[/quote]



For more information on how to refer to static files, refer the Steps to Creating a Design chapter in the Steps to Creating a Design manual. This information is in reference to the parse file but it can also be done in a CSS File asset. For more information on this asset, refer to the Steps to Creating a Design chapter in the same manual.