Jump to content
Sign in to follow this  
alisamski

box backgrounds image help

Recommended Posts

alisamski

Frameworks: trying to add a background image to my boxes.

#boxes .content-pad { background: url('http://www.gap-f.com/wp/wp-content/uploads/images/boxpeel_sm.png');no-repeat;min-height:200px;min-width:240px;}
	

repeating across the page... not in the boxes... can someone please check out code and see where I'm going wrong? thanks

Share this post


Link to post
Share on other sites
Rob
Do you have Firebug for Firefox? http://www.getfirebug.com I think the reason is that you're setting it to [b]content-pad[/b] and to [b]boxes[/b] (i.e. all of them) rather than to individual boxes such as [b]fbox_6[/b] or [b]fbox[/b] singularly. On the hierarchy of elements, you've gone way too high. Narrow it down to its specific element and I'm confident it will work for the box, one at a time. Keep in mind too, that the more specific you make it, the less likely you'll have a problem if you add a new box-set in future that needs a different look.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
alisamski
[code]#fbox_6{ background: url('http://www.gap-f.com/wp/wp-content/uploads/images/boxpeel_sm.png') no-repeat;min-height:185px;}[/code] This is what I went with... individual boxes... since I tried #fboxes and didn't do anything... so.. moving ahead... is there also a way to control the widths of boxes instead of percentage of page width? for example... width of site: 1020...I will only have 3 across a page at any given time...

Share this post


Link to post
Share on other sites
alisamski
Although I modified the art to fit visually... it would be good to know where I can set an actual width of a box.

Share this post


Link to post
Share on other sites
alisamski
[code]#boxes .content-pad {width: 900px;margin-left:45px;}[/code] This is what I added.. to scrunch the "box area" so the boxes would not spread out to the margins... it puts a margin left and right of the box set.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×