[Radiant] Stylesheet generates background color only when not in
radiant
dave4c03
dave4c03 at greatchiro.com
Wed Jul 2 19:37:41 CDT 2008
No need to be sorry, I misled you. Thanks for your help.
On Wed, Jul 2, 2008 at 5:14 PM, Alex Wayne <alex at beautifulpixel.com> wrote:
> 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
>>
>
> _______________________________________________
> 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