Resizeable div box(s)? +rep

[Moh]

What would be the best method to create a box (with graphical corners) that you can set the width and will still be the perfect shape?

For example say you wanted to make this box resizeable:



So if it was done by tables, it would the frame would look like this:

[hamheyelliot]

Here's some CSS you can use to get that effect, just in case that's better for you:

#box {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 10px;
width: 200px;
height: 100px
}

Just put that in a stylesheet (after changing the height and width) and in your html use: <div class="box">Your text here</div> and you should get something almost identical to that without tables.

[Moh]

Here's some CSS you can use to get that effect, just in case that's better for you:

#box {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 10px;
width: 200px;
height: 100px
}

Just put that in a stylesheet (after changing the height and width) and in your html use: <div class="box">Your text here</div> and you should get something almost identical to that without tables.

I used that image as an example, the image I'm using can't be done by css borders. Thanks though

I'v worked it out now