<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>absoluteBox</title>
<style type="text/css">
<!--
.bigBox {
background-color: #FFFF99;
height: 600px;
width: 800px;
left: 50px;
top: 50px;
position: absolute;
}
.middleBox {
background-color: #FF9933;
height: 300px;
width: 400px;
position: absolute;
top: 150px;
left: 200px;
}
.smBox {
background-color: #CC0000;
height: 50px;
width: 50px;
top: 125px;
position: absolute;
left: 125px;
}
.bigBox2 {
background-color: #FF3333;
height: 400px;
width: 400px;
position: fixed;
margin-left: 1000px;
margin-top: 50px;
}
.middleBox2 {
position: fixed;
height: 300px;
width: 300px;
background-color: #FFFF66;
margin-top: 100px;
margin-left: 1050px;
}
.smBox2 {
position: fixed;
height: 100px;
width: 200px;
background-color: #FF9900;
margin-left: 1075px;
margin-top: 200px;
}
-->
</style>
</head>
<body>
<div class="bigBox2"></div>
<div class="middleBox2"></div>
<div class="smBox2"></div>
<!--need to select from code and move to inside big box div class to be in the box-->
<div class="bigBox"><div class="middleBox"><div class="smBox"></div>
</div>
</div>
</body>
</html>
http://www.palosverdes.com/roseannah/red/absoluteBox.html
I wonder if this link will bring me to website to view.....???
Hey Roseannah,
ReplyDeleteAndrew Finnie here. Love your experiments. You must be very patient.
Thank you for asking if you can use that image and link to it.
Sure you can, no problems.
cheers from Australia
:)
GOOD BUT I WANT TO SEE THEM AS EQUAL BOXES LIKE ITTENS!
ReplyDelete