dive into mark

You are here: dive into markArchivesJanuary 2003Little boxes

Monday, January 27, 2003

Little boxes

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>little boxes</title>
<style type="text/css">
body {
  margin: 0;
  padding: 0;
}

#boxcontainer {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 43px;
  height: 43px;
  voice-family: ""}"";
  voice-family:inherit;
  width: 47px;
  height: 47px;
}
html>body #boxcontainer {
  width: 47px;
  height: 47px;
}

#ul, #ur, #bl, #br {
  width: 20px;
  height: 20px;
  border: 1px solid black;
  color: white;
  margin: 0 0 3px 0;
  padding: 0;
}

#ul {
  background: #ff0000;
}

#ur {
  background: #00ff00;
  float: right;
}

#bl {
  background: #0000ff;
}

#br {
  background: #ffffff;
  float: right;
}

</style>
</head>
<body>
<div id="boxcontainer">
<div id="ur"></div>
<div id="ul"></div>
<div id="br"></div>
<div id="bl"></div>
</div>
</body>
</html>

Filed under

Respond privately

I am no longer accepting public comments on this post, but you can use this form to contact me privately. (Your message will not be published.)



Recent Stuff For You, Special Price Stay Here
  • Greasemonkey Hacks
Good Stuff Buy The Cow Go Away
Dive Into Python
Powered by Google Drink The Milk Don't Steal

 

posts / comments
© 2001-8 Mark Pilgrim