Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

torndownunit

macrumors regular
Original poster
Jan 4, 2009
242
0
There was a thread posted recently where someone had an existing image of a box they had with rounded corners. They wanted to use CSS to make it increase in height as content was added. The replies showed a method to split it into 3 images, and use a DIV for each one.

Does anyone happen to know the thread I am talking about? I can't seem to find it anywhere and I'd like to take a look at the code that was in it.

I posted my own thread about this awhile back. This was a recent thread though where I believe someone was asking how to convert a design they did in photoshop to CSS. It had a really nice, simple method.

Thanks!
 
Ya neither of them are the thread. Thanks for trying though.

It's not that old of a thread, so I am not sure why I can't find it.
 
<div class="1"></div>
<div class="2"></div>
<div class="3"></div>

CSS for all three: clear:both , background-image:url(top, middle or bottom)
CSS for 1 and 3: fixed height and width
CSS for 2: fixed width,

The top and bottom images have a height while the middle image is normally 1px high.

Content goes in the 2nd div

I hope this helps.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.