help, please? Options

[lovebrittorhateb...]

okay, so i'm trying to make a div overlay but i think i messed up.
you see:

everyone is doing codes and blah, blah, blah for it, but i just made an image for my layout and i need help coding it so i can overlay it on my page, put a textbox in the large blue box, and links for comment/message/vids/pics. think you can help? anything would be much appreciated! :]

This post has been edited by lovebrittorhatebritt: Mar 1 2009, 10:20 PM

[synatribe]

okay so this is how you make a div

1. hide your entire profile

CODE

<style>.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div { display:none!important; } div table div, table table div { display:block!important; padding:0; } table, tr, td { background:none; border:none; }
.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }
.clearfix { position:relative; top:-30px; width:728px; }
.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }
.clearfix .clearfix div { margin:45px 0 0; }
.clearfix .clearfix div div { margin:auto; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
</style>

2. use a positioning div to position your image

CODE

.aboutme {
position: absolute;
left: 50%;
top: 0%;
margin-left: -250px;
margin-top: 110px;
height: 300px;
width: 500px;
overflow-x: hidden;
overflow-y: auto;
}

2.1 apply your CSS to your div

CODE

<div class="aboutme">
IMG CODE HERE
</div>

done. it was all in that tutorial I linked you too