weikelbob
asked on
CSS background-image:url help on wordpress website
Hello,
Our current site is at
www.thewealthymind(dot)com
The home page is a bit different than internal pages graphically.
Attached are screenshots of what I want the home page and internal page CSS backgrounds to look like. I simply want a light grey background on the left and right side of the page with a 1px dark grey border between the inside of the page and the left and right. Same with the internal pages (see screenshots)
I'm open to whatever is easiest to do when it comes to the grey in the footer.
I've also attached a screenshot of my proposed background image that will do the job, though I'm open to suggestions.
It also has to look good in all modern browsers.
I can't figure it out. Please help.
wanted-background.png
internal-screenshot-how-I-want-i.png
css-image-for-background.gif
Our current site is at
www.thewealthymind(dot)com
The home page is a bit different than internal pages graphically.
Attached are screenshots of what I want the home page and internal page CSS backgrounds to look like. I simply want a light grey background on the left and right side of the page with a 1px dark grey border between the inside of the page and the left and right. Same with the internal pages (see screenshots)
I'm open to whatever is easiest to do when it comes to the grey in the footer.
I've also attached a screenshot of my proposed background image that will do the job, though I'm open to suggestions.
It also has to look good in all modern browsers.
I can't figure it out. Please help.
wanted-background.png
internal-screenshot-how-I-want-i.png
css-image-for-background.gif
ASKER
#content, .content{
border-left: 8px solid grey;
border-right: 8px solid grey;
}
Is that what goes in my style.css, or is that just generally what you would do.
I want the grey borders on the left and right to extend indefinitely, or at least as large as any screen will be.
Thanks.
border-left: 8px solid grey;
border-right: 8px solid grey;
}
Is that what goes in my style.css, or is that just generally what you would do.
I want the grey borders on the left and right to extend indefinitely, or at least as large as any screen will be.
Thanks.
yes. put it in your css file. The borders will extend as far as the content div.
ASKER
I put it in and it created a small border on the left and right.
So I made the border 1000px wide and that didn't work - I couldn't see the page anymore, just the border.
I want a border on the left and right that extends left and right until it hits the left and right sides of the screen.
So I made the border 1000px wide and that didn't work - I couldn't see the page anymore, just the border.
I want a border on the left and right that extends left and right until it hits the left and right sides of the screen.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That will work, I tried to portray that in my images, sorry.
I'll give this a shot
I'll give this a shot
ASKER
Thanks!
#content, .content{
border-left: 8px solid grey;
border-right: 8px solid grey;
}
The screenshots attached are kind of blurry, and I'm not sure how pixel perfect you want the solution. But my advice is not to try to reach pixel perfection, and use css instead of images to accomplish the goal.