Zak95 Posted February 19, 2008 Share Posted February 19, 2008 Well, I'm starting a new site, and using CSS... Anyways, I got a problem.The whole content is going to be in this box. I got the box done. My problem is getting corners. I made 8 different images (top, topleft, topright, left, right, bottom, bottomleft,and bottomright), and I need help to place them in the right position, or just to put them there. I can't find a way to simple post an image.Thanx in advanced. Link to comment Share on other sites More sharing options...
boen_robot Posted February 19, 2008 Share Posted February 19, 2008 You need to surround the box with 8 divs, and apply a different image to each one, with the appropriate background-position. You can use markup like <div id="main-wrapper"><div><div><div><div><div><div><div>Content</div></div></div></div></div></div></div></div> and selectors like #main-wrapper#main-wrapper > div#main-wrapper > div > div etc.to match each div appropriately, but know that this doesn't work in IE6 and earlier. If you want to keep IE6 compatible, you also need to place a class for every inner div as well (bad, bad, bad... I know). Link to comment Share on other sites More sharing options...
Zak95 Posted February 19, 2008 Author Share Posted February 19, 2008 ... So I add a new background image and position it?How do you position it so that it always stays on the outline of the 'box'? Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.