Go4Expert

Go4Expert (http://www.go4expert.com/)
-   JavaScript and AJAX (http://www.go4expert.com/forums/javascript/)
-   -   Rounded Corner with CSS and No Images (http://www.go4expert.com/forums/rounded-corner-css-images-t17467/)

Izaan 11May2009 17:21

Rounded Corner with CSS and No Images
 
I had a code which creates rounded corners without any Javascript and images but could not find it anymore and so can you guys share something.

shabbir 11May2009 17:26

Re: Rounded Corner with CSS and No Images
 
I have this code in my PC which worked for me

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
<style>
.hWcur {background: transparent;}
.hWcur .b1, .hWcur .b2, .hWcur .b3, .hWcur .b4{display:block; overflow:hidden; font-size:1px;}
.hWcur .b1, .hWcur .b2, .hWcur .b3{height:1px;}
.hWcur .b2, .hWcur .b3, .hWcur .b4{background:#fff; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.hWcur .b1{margin:0 5px; background:#cccccc;}
.hWcur .b2{margin:0 3px; border-width:0 2px;}
.hWcur .b3{margin:0 2px;}
.hWcur .b4{height:2px; margin:0 1px;}
.hWcur .boxcont{background:#fff;padding:5px;border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
 
</style>
</HEAD>

<BODY>
<div class="hWcur" style="width:300px;">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <div class="boxcont">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
    </div>
    <b class="b4"></b>
    <b class="b3"></b>
    <b class="b2"></b>
    <b class="b1"></b>
</div>
</BODY>
</HTML>


SaswatPadhi 11May2009 17:38

Re: Rounded Corner with CSS and No Images
 
.
.
.
<div class="boxcont">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
</div>
.
.
.

What does the sentence in bold mean ?!? :confused:

shabbir 11May2009 20:04

Re: Rounded Corner with CSS and No Images
 
Dummy text


All times are GMT +5.5. The time now is 00:07.