I threw this together I don't know if its what your looking for though:
HTML Code:
<html>
<head>
<style type="text/css">
#container {
width: 600px;
height: 600px;
border: 1px solid #000;
background: #000;
}
.card1, .card2, .card3, .card4, .card5 {
position: absolute;
background: #000;
border: 1px solid #fff;
width: 150px;
height: 250px;
color: #fff;
}
.card1 {
margin: 100px 0;
}
.card2 {
margin: 75px 75px;
}
.card3 {
margin: 50px 150px;
}
.card4 {
margin: 25px 225px;
}
.card5 {
margin: 0 300px;
}
</style>
</head>
<body>
<div id="container">
<div class="card1">
first card
</div>
<div class="card2">
second card
</div>
<div class="card3">
third card
</div>
<div class="card4">
fourth card
</div>
<div class="card5">
fifth card
</div>
</div>
</body>
</html>
I know it doesn't have the doctype stuff, and you might need to hack it in IE, but it works in FF right now.....I'm too lazy to make it real good.
Reply With Quote
Bookmarks