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

Wed Jul 2 19:14:33 CDT 2008

That makes much more sense!  Sorry for the CSS alarm.

-Alex
http://beautifulpixel.com

On Jul 2, 2008, at 5:11 PM, dave4c03 wrote:

> 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
>>
> _______________________________________________
> Radiant mailing list
> Post:   Radiant at radiantcms.org
> Search: http://radiantcms.org/mailing-list/search/
> Site:   http://lists.radiantcms.org/mailman/listinfo/radiant