[Radiant] Stylesheet generates background color only when not in radiant

dave4c03 dave4c03 at greatchiro.com
Wed Jul 2 19:11:33 CDT 2008


Actually, I was imprecise and not clear.  The gif is 1x800 pixels and the
pixel color varies as it goes down the page.

On Wed, Jul 2, 2008 at 1:59 PM, Alex Wayne <alex at beautifulpixel.com> wrote:

> Also, there should be no reason to repeat a 1px square image as a
> background.  Just use a background color.
>
> -Alex
> http://beautifulpixel.com
>
>
> On Jul 2, 2008, at 1:47 PM, Josh Schairbaum wrote:
>
> If you're going to go the styles.css route, make sure to create a layout
>> specifically for stylesheets and give it a mime type of text/css, otherwise
>> it will render it as HTML.
>>
>> In that layout, simply put <r:content/>.
>>
>> Regards,
>> Josh
>>
>> On Jul 2, 2008, at 4:29 PM, dave4c03 wrote:
>>
>> The following css code when embedded in a layout works and generates a
>>> colored background (by repeating the 1 pixel wide gif).
>>>
>>> The css also works if a style.css file is external to radiant.
>>>
>>> However, it does not work properly if the css is created as a radiant
>>> page
>>> with a slug of style.css and referenced by a href="/style.css" link in
>>> the
>>> layout.
>>>
>>> Is this a known radiant bug or is this my problem?
>>>
>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>>> <html>
>>>  <head>
>>>      <title></title>
>>>      <style type="text/css">
>>>          BODY {
>>>              MARGIN-LEFT: 0px;
>>>              MARGIN-RIGHT: 0px;
>>>              MARGIN-TOP: 0px;
>>>              MARGIN-BOTTOM: 20px;
>>>              BACKGROUND-IMAGE: url('/images/background.gif');
>>>              BACKGROUND-COLOR: #FFFFFF;
>>>  background-repeat: repeat;
>>>              FONT-SIZE: 10pt;
>>>              COLOR: #000000;
>>>              FONT-FAMILY: Verdana, Sans-Serif;
>>>          }
>>>
>>>          TABLE.OUTLINE {
>>>              HEIGHT: 100%;
>>>              WIDTH: 750px;
>>>          }
>>>      </style>
>>>  </head>
>>>  <body>
>>>      <table class="OUTLINE" align="center" cellpadding="0"
>>> cellspacing="0" border="0">
>>>          <r:content>
>>>      </table>
>>>  </body>
>>> </html>
>>> _______________________________________________
>>> Radiant mailing list
>>> Post:   Radiant at radiantcms.org
>>> Search: http://radiantcms.org/mailing-list/search/
>>> Site:   http://lists.radiantcms.org/mailman/listinfo/radiant
>>>
>>
>> _______________________________________________
>> Radiant mailing list
>> Post:   Radiant at radiantcms.org
>> Search: http://radiantcms.org/mailing-list/search/
>> Site:   http://lists.radiantcms.org/mailman/listinfo/radiant
>>
>
> _______________________________________________
> Radiant mailing list
> Post:   Radiant at radiantcms.org
> Search: http://radiantcms.org/mailing-list/search/
> Site:   http://lists.radiantcms.org/mailman/listinfo/radiant
>


More information about the Radiant mailing list