1 delmarsurf Jul 10, 2006 23:43
3 delmarsurf Jul 11, 2006 22:59
Thanks for the repley - I should have provided a link
http://www.youcandoitpublishing.com/vlog-blog/
I just want to remove the green background on the sides and tile a background logo.
DEL[/url]
4 stk Jul 11, 2006 23:13
Green background is easily removed, just change:
body {
background:#CCFF99 url(img/bg.png) repeat-y 50% 0;
}
to be
body {
background: url(img/bg.png) repeat-y 50% 0;
}
The background image will be a tad more difficult, seeing as how you're already using a background image for the body element (bg.png). I see three possible solutions:
Option 1 ) Modify bg.png, which is repeated vertically, to incorporate a background image (plus the existing, grey side shadows). Hint ... it will have to be VERY WIDE.
Option 2 ) Immediately after the body tag, utilize a <div id="wrapper"> in which you deploy the bg.png and utilize another background image (might conflict a tad with the grey shading, unless you design it 'just so')
Option 3 ) Deploy a bg image of your choice for the body element and wrap a DIV, with a fixed width, around the main blog, using a padding left/right and the shading bg image).
Bottom line: you can do what you want, but because it involves multiple bg images, it can be a tad tricky. The key is remembering that each element can have only ONE bg image.
Hope this helps.
A link would definitely help here. Where is the site/page that's showing the problem?
Off the cuff, maybe another element, INSIDE the body element, which takes up the same space, has a background color defined, that is overlaying (and hiding) the background image for the body element?
Just a guess.