Rounded corners?-How?

Hello. I'm building a page with a background and I want to add a white area in the center of the page that I will put my text on. How can I make the corners of the white box rounded? I use dreamweaver software if there is a way to do it with dreamweaver.Thanks.

 

any ideas on this. Thank you

 

Yes - answer is css

 

OK. my site uses css is there a code?
Thanks

 

Yes - you will have to code it ,

Just google "rounded corners in css"

http://www.google.com/search?q=roun...avclient-ff&ie=UTF-8&rlz=1B3GGGL_enUS250US250

Actually there you go.

These guys actually have tutorals so might as well read there sites

Hope this helps

 

thank you. very helpful.

 

Your welcome, Thats how I learned by actually googling it

Its kinda easy once you read it

Have fun !!!

 

Try nifty corners:
http://www.html.it/articoli/nifty/index.html

or use these online tools to create them to your liking:
http://www.spiffycorners.com/
http://www.roundedcornr.com/

 

This rounded corner idea is cool but I thought that there was a propriety that was making the div item have rounded corners without using images... Nice share sundaybrew's, useful.

 

Yes , there is


Here I will help

Use this in your style sheet as the class

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #C0D3E2; border-right:1px solid #C0D3E2;}
.xb1 {margin:0 5px; background:#FFFFFF;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #C0D3E2; border-width:0 1px; padding: 0px 0px 0px 0px}


.thtop, .thbottom {display:block; background:transparent; font-size:1px;}
.th1, .th2, .th3, .th4 {display:block; overflow:hidden;}
.th1, .th2, .th3 {height:1px;}
.th2, .th3, .th4 {background:#FFFFFF; border-left:1px solid #C0D3E2; border-right:1px solid #C0D3E2;}
.th1 {margin:0 5px; background:#C0D3E2;}
.th2 {margin:0 3px; border-width:0 2px;}
.th3 {margin:0 2px;}
.th4 {height:2px; margin:0 1px;}

PHP:

Then use this for the wrap in your code

<div style="padding-left: 10px;">


<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">


YOUR STUFF IN HERE 


</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

HTML:

Then you will have corners ,

 

Hehe nice idea. I understood perfectly what you did here without putting it into work. This is the case of a good tutorial. You should blog it somewhere

 

Just did ...............Enjoy

 

This is a real forum chat.. proper one. reps added