Notebook div layout

Made by: Nick

A nice layout based on a sketch in a notebook.

About Me:

<style type="text/css"> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, td div {display:none;} div td div, span.text div {display:block;} div td div div {position:absolute!important; z-index:9; left:50%; margin-left:1px!important;} div td div {position:absolute!important; z-index:9; left:50%; margin-left:-364px!important;} .blurbs {visibility:hidden;} .blurbs span.text, .blurbs span.text * {visibility:visible;} div table div form {display:none!important} div table div select {display:none!important} div table div .mslogo {display:none!important} div div table div li {display:none!important} div table div .profile {display:none!important} table.rail {position:absolute; top:-100px !important;} div div table div, div.clearfix a, input {display:none;} div.clearfix table div div {display:block;} img {border:0px;} .background {background-color:FFFFFF; position: absolute; left: 50% ; top: 190px; margin-left:-400px; width: 800px; height: 850px; visibility:visible !important; color:white;} .box1 {background-color:transparent; position: absolute; left: 50% ; top: 350px; margin-left:-100px; width: 360px; height: 120px; visibility:visible !important; overflow:auto; color:000000; } .box2 {background-color:transparent; position: absolute; left: 50% ; top: 665px; margin-left:-325px; width: 365px; height: 65px; visibility:visible !important; overflow:auto; color:000000; } .box3 {background-color:transparent; position: absolute; left: 50% ; top: 545px; margin-left:125px; width: 110px; height: 275px; visibility:visible !important; overflow:auto; color:000000; } .msg {background-color:transparent; position: absolute; left: 50% ; top: 230px; margin-left:-385px; width: 90px; height: 25px; visibility:visible !important; overflow:none; color:white; } .add {background-color:transparent; position: absolute; left: 50% ; top: 270px; margin-left:-230px; width: 60px; height: 30px; visibility:visible !important; overflow:none; color:white; } .fav {background-color:transparent; position: absolute; left: 50% ; top: 315px; margin-left:-270px; width: 85px; height: 40px; visibility:visible !important; overflow:none; color:white; } .block {background-color:transparent; position: absolute; left: 50% ; top: 385px; margin-left:-230px; width: 70px; height: 25px; visibility:visible !important; overflow:none; color:white; } .rank {background-color:transparent; position: absolute; left: 50% ; top: 420px; margin-left:-290px; width: 60px; height: 25px; visibility:visible !important; overflow:none; color:white; } .photos {background-color:transparent; position: absolute; left: 50% ; top: 460px; margin-left:-255px; width: 95px; height: 30px; visibility:visible !important; overflow:none; color:white; } </style>

Who I'd Like to Meet:

<div class="background"> <img src="URL TO BACKGROUND, DON'T HOTLINK" /> </div> <div class="box1"> box 1 </div> <div class="box2"> box 2 </div> <div class="box3"> box 3 </div> <div class="msg"> <a href="MESSAGE URL"><img src="http://i.myspace.com/site/images/clear.gif" width="90" height="25" /></a> </div> <div class="block"> <a href="BLOCK URL"><img src="http://i.myspace.com/site/images/clear.gif" width="60" height="30" /></a> </div> <div class="add"> <a href="ADD URL"><img src="http://i.myspace.com/site/images/clear.gif" width="85" height="40" /></a> </div> <div class="fav"> <a href="FAVE URL"><img src="http://i.myspace.com/site/images/clear.gif" width="70" height="25" /></a> </div> <div class="rank"> <a href="RANK URL"><img src="http://i.myspace.com/site/images/clear.gif" width="60" height="25" /></a> </div>