Page 1 of 1
Is it possible to draw this shape in css?
Posted: Mon Mar 05, 2012 2:00 pm
by brisk
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.
Re: Is it possible to draw this shape in css?
Posted: Mon Mar 05, 2012 5:13 pm
by TerryHarvey
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>
Re: Is it possible to draw this shape in css?
Posted: Mon Mar 05, 2012 5:25 pm
by brisk
thank you thank you
Re: Is it possible to draw this shape in css?
Posted: Mon Mar 05, 2012 9:39 pm
by TerryHarvey
No problem.
