thr3ads.net - Rails - [Rails] css - location of files. [Aug 2006]

If this information is useful, please help other people find it:
Share via:

Pieter Botha

2006-Aug-11 13:33 UTC

[Rails] css - location of files.

Hi all.

I have the following scenario.

http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
to define the stylesheet for layout, I have myapp_standard.css in 
/public/stylesheets and it works fine.

However, in the stylesheet I define a image to use for my site 
background. eg:
html, body{
  background-image: url(mysite_background.jpg);
 padding-top: 10px;
 }

It is not working - I tried placing the images in /public/images and 
publiv/images/mysite - no luck.....

Can I run ruby code in my stylesheet? To do something like:
html, body{
  background-image: <%= image ''mysite_background.jpg'' %;
 padding-top: 10px;
 }


Any other suggestions on a best practise for this???

Thanks!
Pieter

Mark Van Holstyn

2006-Aug-11 14:12 UTC

head link

[Rails] css - location of files.

>From the stylesheets point of view, it is in the "/stylesheets"
directoryand the images are in the "/images" so you need ot direct the
stylesheet
properly

I have always just done:
     background-image: url(/images/mysite_background.jpg);
OR if the app is not run at the top level then...
     background-image: url(../images/mysite_background.jpg);

The second way is a little more portable.

mark

On 8/11/06, Pieter Botha <ship@lantic.net> wrote:>
> Hi all.
>
> I have the following scenario.
>
> http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
> to define the stylesheet for layout, I have myapp_standard.css in
> /public/stylesheets and it works fine.
>
> However, in the stylesheet I define a image to use for my site
> background. eg:
> html, body{
>   background-image: url(mysite_background.jpg);
> padding-top: 10px;
> }
>
> It is not working - I tried placing the images in /public/images and
> publiv/images/mysite - no luck.....
>
> Can I run ruby code in my stylesheet? To do something like:
> html, body{
>   background-image: <%= image ''mysite_background.jpg''
%;
> padding-top: 10px;
> }
>
>
> Any other suggestions on a best practise for this???
>
> Thanks!
> Pieter
> _______________________________________________
> Rails mailing list
> Rails@lists.rubyonrails.org
> http://lists.rubyonrails.org/mailman/listinfo/rails
>


-- 
Mark Van Holstyn
mvette13@gmail.com
http://lotswholetime.com
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
http://wrath.rubyonrails.org/pipermail/rails/attachments/20060811/61db1419/attachment.html

Dark Ambient

2006-Aug-11 14:14 UTC

head link

[Rails] css - location of files.

Is the image in public/images ?
If it''s there and you have the path in the css definition correct it
should work.

Stuart

On 8/11/06, Pieter Botha <ship@lantic.net> wrote:> Hi all.
>
> I have the following scenario.
>
> http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
> to define the stylesheet for layout, I have myapp_standard.css in
> /public/stylesheets and it works fine.
>
> However, in the stylesheet I define a image to use for my site
> background. eg:
> html, body{
>   background-image: url(mysite_background.jpg);
>  padding-top: 10px;
>  }
>
> It is not working - I tried placing the images in /public/images and
> publiv/images/mysite - no luck.....
>
> Can I run ruby code in my stylesheet? To do something like:
> html, body{
>   background-image: <%= image ''mysite_background.jpg''
%;
>  padding-top: 10px;
>  }
>
>
> Any other suggestions on a best practise for this???
>
> Thanks!
> Pieter
> _______________________________________________
> Rails mailing list
> Rails@lists.rubyonrails.org
> http://lists.rubyonrails.org/mailman/listinfo/rails
>

Tom Davies

2006-Aug-11 14:35 UTC

head link

[Rails] css - location of files.

Hi Pieter,

Images in a stylesheet are relative to your stylesheet location.  So,
in your example the image would need to be in /public/stylesheets.
Alternatively, you could use ../images/<your image> to reference your
/public/images directory.

Tom

On 8/11/06, Pieter Botha <ship@lantic.net> wrote:> Hi all.
>
> I have the following scenario.
>
> http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
> to define the stylesheet for layout, I have myapp_standard.css in
> /public/stylesheets and it works fine.
>
> However, in the stylesheet I define a image to use for my site
> background. eg:
> html, body{
>   background-image: url(mysite_background.jpg);
>  padding-top: 10px;
>  }
>
> It is not working - I tried placing the images in /public/images and
> publiv/images/mysite - no luck.....
>
> Can I run ruby code in my stylesheet? To do something like:
> html, body{
>   background-image: <%= image ''mysite_background.jpg''
%;
>  padding-top: 10px;
>  }
>
>
> Any other suggestions on a best practise for this???
>
> Thanks!
> Pieter
> _______________________________________________
> Rails mailing list
> Rails@lists.rubyonrails.org
> http://lists.rubyonrails.org/mailman/listinfo/rails
>

-- 
Tom Davies

http://atomgiant.com
http://gifthat.com

James Ludlow

2006-Aug-11 14:53 UTC

head link

[Rails] css - location of files.

On 8/11/06, Pieter Botha <ship@lantic.net> wrote:> http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
> to define the stylesheet for layout, I have myapp_standard.css in
> /public/stylesheets and it works fine.
> However, in the stylesheet I define a image to use for my site
> background. eg:
> html, body{
>   background-image: url(mysite_background.jpg);
>  padding-top: 10px;
>  }
>
> It is not working - I tried placing the images in /public/images and
If you have the image at /public/images/mysite_background.jpg your CSS
value would be:

  background-image: url(/images/mysite_background.jpg);


-- James

Pieter Botha

2006-Aug-11 15:34 UTC

head link

[Rails] css - location of files.

tx this helped.

Tom Davies wrote:> Hi Pieter,
>
> Images in a stylesheet are relative to your stylesheet location.  So,
> in your example the image would need to be in /public/stylesheets.
> Alternatively, you could use ../images/<your image> to reference your
> /public/images directory.
>
> Tom
>
> On 8/11/06, Pieter Botha <ship@lantic.net> wrote:
>> Hi all.
>>
>> I have the following scenario.
>>
>> http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
>> to define the stylesheet for layout, I have myapp_standard.css in
>> /public/stylesheets and it works fine.
>>
>> However, in the stylesheet I define a image to use for my site
>> background. eg:
>> html, body{
>>   background-image: url(mysite_background.jpg);
>>  padding-top: 10px;
>>  }
>>
>> It is not working - I tried placing the images in /public/images and
>> publiv/images/mysite - no luck.....
>>
>> Can I run ruby code in my stylesheet? To do something like:
>> html, body{
>>   background-image: <%= image
''mysite_background.jpg'' %;
>>  padding-top: 10px;
>>  }
>>
>>
>> Any other suggestions on a best practise for this???
>>
>> Thanks!
>> Pieter
>> _______________________________________________
>> Rails mailing list
>> Rails@lists.rubyonrails.org
>> http://lists.rubyonrails.org/mailman/listinfo/rails
>>
>
>

Dennis Baldwin

2006-Aug-14 14:48 UTC

head link

[Rails] css - location of files.

Pieter,

When specifying a background image URL the tendency of the browser is to
look for an image in a path relative to the CSS include file.
Therefore, when you specify:

html, body
{
	background-image: url(mysite_background.jpg);
}

It will actually look for the file in the same directory as your
stylesheet.  So you need to change the reference to either:

background-image: url(../images/mysite_background.jpg); // Relative

or

background-image: url(/images/mysite_background.jpg); // Absolute

As for your other question of dynamically generating CSS, you might want
to reference the following article:

http://blog.hasmanythrough.com/articles/2006/03/23/dirt-simple-rcss-temp
lates

Regards,
Dennis


-----Original Message-----
From: rails-bounces@lists.rubyonrails.org
[mailto:rails-bounces@lists.rubyonrails.org] On Behalf Of Pieter Botha
Sent: Friday, August 11, 2006 8:29 AM
To: rails@lists.rubyonrails.org
Subject: [Rails] css - location of files.

Hi all.

I have the following scenario.

http://myapp/site1 is using <%= stylesheet_link_tag
''myapp_standard'' %>
to define the stylesheet for layout, I have myapp_standard.css in 
/public/stylesheets and it works fine.

However, in the stylesheet I define a image to use for my site 
background. eg:
html, body{
  background-image: url(mysite_background.jpg);
 padding-top: 10px;
 }

It is not working - I tried placing the images in /public/images and 
publiv/images/mysite - no luck.....

Can I run ruby code in my stylesheet? To do something like:
html, body{
  background-image: <%= image ''mysite_background.jpg'' %;
 padding-top: 10px;
 }


Any other suggestions on a best practise for this???

Thanks!
Pieter
_______________________________________________
Rails mailing list
Rails@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails

Apparently Analagous Threads

Search for more possibly parallel threads

Rails - Aug 2006 - css - location of files.

[Rails] css - location of files.

[Rails] css - location of files.

[Rails] css - location of files.

[Rails] css - location of files.

[Rails] css - location of files.

[Rails] css - location of files.

[Rails] css - location of files.

Apparently Analagous Threads