Is it possible to draw this shape in css?

brisk · Post by **brisk** » Mon Mar 05, 2012 2:00 pm

Example - http://www.budgie.richardcmpage.com/Images/IDEA2.png

Like the rectangle with another tab type bit? Or can another language do it?

I would like to try and avoid using an image-bg.

TerryHarvey · Post by **TerryHarvey** » Mon Mar 05, 2012 5:13 pm

You can change the heights and widths yourself. If you want box2 to be pushed further along, change the 60px in this line:

margin: 0 60px 0 0;

<!doctype html>
<head>
    <title></title>
    <style type="text/css">

    #container {
        width: 800px;
        margin: 0 auto;
    }
    
    .box1 {
        background: #999;
        width: 800px;
        height: 60px;
    }

    .box2 {
        background: #999;
        width: 200px;
        height: 30px;       
        float: right;
        margin: 0 60px 0 0;
    }
 
    </style>
</head>
<body>
    <div id="container">
        <div class="box1"></div>
   
        <div class="box2"></div>
    </div>
</body>
</html>

brisk · Post by **brisk** » Mon Mar 05, 2012 5:25 pm

thank you thank you

TerryHarvey · Post by **TerryHarvey** » Mon Mar 05, 2012 9:39 pm

No problem.

BetterPHP

Is it possible to draw this shape in css?

Is it possible to draw this shape in css?

Re: Is it possible to draw this shape in css?

Re: Is it possible to draw this shape in css?

Re: Is it possible to draw this shape in css?