[WSG] background won't repeat-y
i have done this before, but i can't seem to get this going. according to css definitive guide 3rd edition if i use the following css the background image is supposed to tile vertically: background: url(some-image.png) repeat-y; well, without a height and width on the image it doesn't appear on the page, much less tile vertically. the page is here: http://www.alforddesigngroup.com/sandbox/marbling-effects.html css is here: http://www.alforddesigngroup.com/sandbox/css/mueller.css like i said, i have made this work once before, but i can't figure this one out and i've been at it all day. dwain -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a. tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] background won't repeat-y
Hey Dwain, Do you want the paint stripe to repeat as the background for the whole page? I tried background: url(../images/paint-stripe.png) repeat-y; on body {} and it worked fine. Hope this helps! Jake -- Jake Tracey http://www.jaketracey.com p. +61410676643 e. [EMAIL PROTECTED] skype. jaketracey On 05/03/2007, at 4:14 PM, Dwain Alford wrote: i have done this before, but i can't seem to get this going. according to css definitive guide 3rd edition if i use the following css the background image is supposed to tile vertically: background: url(some-image.png ) repeat-y; well, without a height and width on the image it doesn't appear on the page, much less tile vertically. the page is here: http://www.alforddesigngroup.com/sandbox/ marbling-effects.html css is here: http://www.alforddesigngroup.com/sandbox/css/mueller.css like i said, i have made this work once before, but i can't figure this one out and i've been at it all day. dwain -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a . tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] background won't repeat-y
never mind, i figured it out. thanks for being there. dwain On 3/4/07, Dwain Alford [EMAIL PROTECTED] wrote: i have done this before, but i can't seem to get this going. according to css definitive guide 3rd edition if i use the following css the background image is supposed to tile vertically: background: url(some-image.png ) repeat-y; well, without a height and width on the image it doesn't appear on the page, much less tile vertically. the page is here: http://www.alforddesigngroup.com/sandbox/marbling-effects.html css is here: http://www.alforddesigngroup.com/sandbox/css/mueller.css like i said, i have made this work once before, but i can't figure this one out and i've been at it all day. dwain -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a . tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a. tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] background won't repeat-y
On 3/5/07, Dwain Alford [EMAIL PROTECTED] wrote: i have done this before, but i can't seem to get this going. according to css definitive guide 3rd edition if i use the following css the background image is supposed to tile vertically: background: url(some-image.png ) repeat-y; well, without a height and width on the image it doesn't appear on the page, much less tile vertically. the page is here: http://www.alforddesigngroup.com/sandbox/marbling-effects.html css is here: http://www.alforddesigngroup.com/sandbox/css/mueller.css like i said, i have made this work once before, but i can't figure this one out and i've been at it all day. I'm almost certain that you need the positioning in that shorthand to make it work: background:url(some image) left top repeat-y; or center center, or anything really. -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] background won't repeat-y
Hello Dwain, Am I correct in assuming you want a paintstripe running down the side of your wrapper? If so, if that's what you're asking about, I would do the following First get rid of this: div id=paintstripe/div And remove that entry from the style sheet. I can't see that it is needed for anything. Then change the #wrapper in the style sheet to this: #wrapper { background : #fff url(../images/paint-stripe.png) repeat-y; margin : 0 auto; width : 760px; } That's all you need to do. It'll position itself snugly in the upper left and it'll repeat downward. If you want the image on the body, put that line there. If can be adjusted inward as well on the same line if you need it. Hope this helps. Respectfully, Mike Cherim http://green-beast.com/ PS. I would also add background-color : #fff; to the body element in your CSS. - Original Message - From: Dwain Alford [EMAIL PROTECTED] To: web standards group wsg@webstandardsgroup.org Sent: Monday, March 05, 2007 12:14 AM Subject: [WSG] background won't repeat-y i have done this before, but i can't seem to get this going. according to css definitive guide 3rd edition if i use the following css the background image is supposed to tile vertically: background: url(some-image.png) repeat-y; well, without a height and width on the image it doesn't appear on the page, much less tile vertically. the page is here: http://www.alforddesigngroup.com/sandbox/marbling-effects.html css is here: http://www.alforddesigngroup.com/sandbox/css/mueller.css like i said, i have made this work once before, but i can't figure this one out and i've been at it all day. dwain -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a. tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] background won't repeat-y
jake, this is what i wanted to do. i looked back at an old site where i had used a background image and all came out in the wash, so to speak. http://www.mppsi.com/ works great at 800x600. dwain On 3/4/07, Jake Tracey [EMAIL PROTECTED] wrote: Hey Dwain, Do you want the paint stripe to repeat as the background for the whole page? I tried background: url(../images/paint-stripe.png) repeat-y; on body {} and it worked fine. Hope this helps! Jake -- Jake Tracey http://www.jaketracey.com p. +61410676643 e. [EMAIL PROTECTED] skype. jaketracey On 05/03/2007, at 4:14 PM, Dwain Alford wrote: i have done this before, but i can't seem to get this going. according to css definitive guide 3rd edition if i use the following css the background image is supposed to tile vertically: background: url(some-image.png ) repeat-y; well, without a height and width on the image it doesn't appear on the page, much less tile vertically. the page is here: http://www.alforddesigngroup.com/sandbox/marbling-effects.html css is here: http://www.alforddesigngroup.com/sandbox/css/mueller.css like i said, i have made this work once before, but i can't figure this one out and i've been at it all day. dwain -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a . tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a. tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] background won't repeat-y
On Mar 5, 2007, at 2:28 PM, Christian Montoya wrote: I'm almost certain that you need the positioning in that shorthand to make it work: background:url(some image) left top repeat-y; or center center, or anything really. No, you don't need. With shorthand, properties that are not specified assume the default (in this case top left or 0 0) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***