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.
Is it possible to draw this shape in css?
-
TerryHarvey
- Posts: 20
- Joined: Thu Mar 01, 2012 11:12 am
Re: Is it possible to draw this shape in css?
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;
[syntax=xhtml]<!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>[/syntax]
margin: 0 60px 0 0;
[syntax=xhtml]<!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>[/syntax]
Re: Is it possible to draw this shape in css?
thank you thank you
-
TerryHarvey
- Posts: 20
- Joined: Thu Mar 01, 2012 11:12 am
Re: Is it possible to draw this shape in css?
No problem. 