Welcome to DevDude.com
DevDude.com is designed for JavaScript only browsers. If you have disabled JavaScript, please enable it and reload this page. Otherwise consider installing a JavaScript capable browser such as Firefox or Opera or Internet Explorer
Featured Code: Rounded Corners for Your DIV Containers The DIV container you are seeing has rounded corners using a complete CSS solution. Gimme the code...
#rnd_container {background: #fff; margin:1px;} .rnd_top, .rnd_bottom {display:block; background:transparent; font-size:1px;} .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;} .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;} .rnd_b2, .rnd_b3, .rnd_b4 {background:transparent; border-left:1px solid #ccc; border-right:1px solid #ccc;} .rnd_b1 {margin:0 5px; background:#ccc;} .rnd_b2 {margin:0 3px; border-width:0 2px;} .rnd_b3 {margin:0 2px;} .rnd_b4 {height:2px; margin:0 1px;} .rnd_content { display:block; border:0 solid #ccc; border-width:0 1px; padding: 4px; }
<div id="rnd_container"> <b class="rnd_top"><b class="rnd_b1"></b><b class="rnd_b2"></b><b class="rnd_b3"></b><b class="rnd_b4"></b></b> <div class="rnd_content"> PUT SOME CONTENT HERE </div> <b class="rnd_bottom"><b class="rnd_b4"></b><b class="rnd_b3"></b><b class="rnd_b2"></b><b class="rnd_b1"></b></b> </div>