5 box css pop ups div layout

Made by: Andrew

A simple div layout with css pop ups set up. NOTE: I would not recomend using this unless you know what you are doing.

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;} .background {background-color:transparent; position: absolute; left: 50% ; top: 190px; margin-left:-400px; width: 830px; height: 900px; z-index:0; visibility:visible !important; overflow:none;} .div0 {background-color:transparent; border: 2px solid red; position: absolute; left: 50% ; top: 150px; margin-left:-405px; width: 200px; height: 250px; z-index:0; visibility:visible !important; } .div1 {background-color:transparent; border: 2px solid red; position: absolute; left: 50% ; top: 405px; margin-left:-405px; width: 200px; height: 300px; z-index:0; visibility:visible !important;overflow:auto; } .div2 {background-color:transparent; border: 2px solid red; position: absolute; left: 50% ; top: 150px; margin-left:-200px; width: 400px; height: 555px; z-index:0; visibility:visible !important;overflow:none; } .div3 {background-color:transparent; border: 2px solid red; position: absolute; left: 50% ; top: 150px; margin-left:205px; width: 200px; height: 250px; z-index:0; visibility:visible !important;overflow:auto; } .div4 {background-color:transparent; border: 2px solid red; position: absolute; left: 50% ; top: 405px; margin-left:205px; width: 200px; height: 300px; z-index:0; visibility:visible !important;overflow:auto; } .div5{background-color:transparent; border: 2px solid red; position: absolute; left: 50% ; top:710px; margin-left:-405px; width: 810px; height: 200px; z-index:0; visibility:visible !important;overflow:auto; } a:link, a:visited, a:active{color:000000; font-family:georgia, verdana, tahoma, sans-serif; font-size:10px; text-decoration:none;} a span{display:none;} a:hover span {display: block; position: absolute; top: 150px; left:430; width: 125px; padding: 5px; margin: 10px; z-index: 5; color: 000000; background-color:cc0000; filter:none; font-size: 10px; font-family:georgia, verdana, tahoma, sans-serif; text-align: center; text-decoration:none;} </style>

Who I'd Like to Meet:

<div class="div0"> div 0 </div> <div class="div1"> div 1 </div> <div class="div2"> <center> <a href="http://www.somewebsitehere.com"><img src="http://x.myspace.com/images/no_pic.gif"/><span>what you want the pop up to say</span></a> <a href="http://www.somewebsitehere.com"><img src="http://x.myspace.com/images/no_pic.gif"/><span>what you want the pop up to say</span></a> <a href="http://www.somewebsitehere.com"><img src="http://x.myspace.com/images/no_pic.gif"/><span>what you want the pop up to say</span></a> <a href="http://www.somewebsitehere.com"><img src="http://x.myspace.com/images/no_pic.gif"/><span>what you want the pop up to say</span></a> </center> </div> <div class="div3"> div 3 </div> <div class="div4"> div 4 </div> <div class="div5"> div 5 </div>