Stylesheet generates background color only when not in radiant
|
View:
New views
7 Messages
—
Rating Filter:
Alert me
|
 |
Stylesheet generates background color only when not in radiant
by dave4c03
::
Rate this Message:
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@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
|
|
Re: Stylesheet generates background color only when not in radiant
by Josh Schairbaum
::
Rate this Message:
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@... > Search: http://radiantcms.org/mailing-list/search/ > Site: http://lists.radiantcms.org/mailman/listinfo/radiant _______________________________________________ Radiant mailing list Post: Radiant@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
|
|
Re: Stylesheet generates background color only when not in radiant
by Squeegy
::
Rate this Message:
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@... >> Search: http://radiantcms.org/mailing-list/search/ >> Site: http://lists.radiantcms.org/mailman/listinfo/radiant > > _______________________________________________ > Radiant mailing list > Post: Radiant@... > Search: http://radiantcms.org/mailing-list/search/ > Site: http://lists.radiantcms.org/mailman/listinfo/radiant _______________________________________________ Radiant mailing list Post: Radiant@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
|
|
Re: Stylesheet generates background color only when not in radiant
by dave4c03
::
Rate this Message:
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@...> 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@... >>> Search: http://radiantcms.org/mailing-list/search/ >>> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >>> >> >> _______________________________________________ >> Radiant mailing list >> Post: Radiant@... >> Search: http://radiantcms.org/mailing-list/search/ >> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >> > > _______________________________________________ > Radiant mailing list > Post: Radiant@... > Search: http://radiantcms.org/mailing-list/search/ > Site: http://lists.radiantcms.org/mailman/listinfo/radiant > Radiant mailing list Post: Radiant@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
|
|
Re: Stylesheet generates background color only when not in radiant
by Squeegy
::
Rate this Message:
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@...> > 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@... >>>> Search: http://radiantcms.org/mailing-list/search/ >>>> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >>>> >>> >>> _______________________________________________ >>> Radiant mailing list >>> Post: Radiant@... >>> Search: http://radiantcms.org/mailing-list/search/ >>> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >>> >> >> _______________________________________________ >> Radiant mailing list >> Post: Radiant@... >> Search: http://radiantcms.org/mailing-list/search/ >> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >> > _______________________________________________ > Radiant mailing list > Post: Radiant@... > Search: http://radiantcms.org/mailing-list/search/ > Site: http://lists.radiantcms.org/mailman/listinfo/radiant _______________________________________________ Radiant mailing list Post: Radiant@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
|
|
Re: Stylesheet generates background color only when not in radiant
by dave4c03
::
Rate this Message:
Your were 100% correct. That was my problem. It now works! Thanks.
On Wed, Jul 2, 2008 at 1:47 PM, Josh Schairbaum < mailing-lists@...> 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@... >> Search: http://radiantcms.org/mailing-list/search/ >> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >> > > _______________________________________________ > Radiant mailing list > Post: Radiant@... > Search: http://radiantcms.org/mailing-list/search/ > Site: http://lists.radiantcms.org/mailman/listinfo/radiant > Radiant mailing list Post: Radiant@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
|
|
Re: Stylesheet generates background color only when not in radiant
by dave4c03
::
Rate this Message:
No need to be sorry, I misled you. Thanks for your help.
On Wed, Jul 2, 2008 at 5:14 PM, Alex Wayne <alex@...> 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@...> >> 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@... >>>>> Search: http://radiantcms.org/mailing-list/search/ >>>>> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >>>>> >>>>> >>>> _______________________________________________ >>>> Radiant mailing list >>>> Post: Radiant@... >>>> Search: http://radiantcms.org/mailing-list/search/ >>>> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >>>> >>>> >>> _______________________________________________ >>> Radiant mailing list >>> Post: Radiant@... >>> Search: http://radiantcms.org/mailing-list/search/ >>> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >>> >>> _______________________________________________ >> Radiant mailing list >> Post: Radiant@... >> Search: http://radiantcms.org/mailing-list/search/ >> Site: http://lists.radiantcms.org/mailman/listinfo/radiant >> > > _______________________________________________ > Radiant mailing list > Post: Radiant@... > Search: http://radiantcms.org/mailing-list/search/ > Site: http://lists.radiantcms.org/mailman/listinfo/radiant > Radiant mailing list Post: Radiant@... Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant |
| Free Forum Powered by Nabble | Forum Help |