Layout Positioning Trouble Options

[checho]

CODE

<style>
table, tr, td, li, p, div { font-family:Calibri; color:FFFFFF; font-size:11px; }
.btext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.blacktext10 { font-family:Calibri; font-size:11px; }
.blacktext12 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.lightbluetext8 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.orangetext15 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.redtext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.redbtext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.text { font-family:Calibri; color:FFFFFF; font-size:11px; }
.whitetext12 { font-family:Calibri; color:FFFFFF; font-size:11px; }
a:active, a:visited, a:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a:hover { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.navbar:hover { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.redlink:hover { font-family:Calibri; font-size:11px; }
.nametext { font-family:Calibri; color:FFFFFF; font-size:11px; }

</style>


<style>
body{background-color:WHITE; background-image:url('http://cbimg6.com/layouts/09/04/34515aa.gif');}
table.blurbs td.text {display:none;}
.profileinfo, .msonlinenow, .contactTable, .UserProfileURL, .userProfileDetail, .extendednetwork , .latestblogentry, .friendspace, .friendscomments{display:none!important;}embed, object, param{position:absolute; right:0px; top:0px; width:1px; height:1px;}table{width:400px!important;}
a, a:visited, a:link{font-family:terminal; font-size:8px; font-weight:normal; line-height:9px; color:ffffff; text-transform:uppercase; text-decoration:none;}
a:hover{font-family:terminal; font-size:8px; font-weight:normal; line-height:9px; color:ffffff; text-transform:uppercase; text-decoration:none;}
.blurbs{border:1px solid!important; border-color: TRANSPARENT!important; background-color:TRANSPARENT!important; width:400px!important; margin-top:-36; margin-left:10; padding:0px;}
.ORANGEtext15, .WHITEtext12{background-color:TRANSPARENT; border-bottom:1px solid TRANSPARENT; display:block; padding:0px; margin:0px; font-family:terminal; font-size:8px; font-weight:normal; line-height:9px; color:TRANSPARENT; text-transform:uppercase;}
table table table, table table, table, td, tr{background-color: transparent!important;}div td, div div {background-image:none!important; background-color:transparent!important;} div.clearfix table div div {display:block;} div div table div, div div span, .mslogo, div div form {display:none;}
table.profileInfo * {background-color:transparent;}
table.profileInfo table, table.profileInfo {width:0px;}
table.profileInfo td td.text br {line-height:0px;}
table.profileInfo td td.text img {display:none;}
table.profileInfo td td.text a img {display:inline;}
table.profileInfo td.text {display:none;}
table.profileInfo td td {display:none;}
table.profileInfo td td.text {display:table-cell; _display:inline;}
table.profileInfo td td.text {letter-spacing:-100px; font-size:0px;}
table.profileInfo td td.text img {_display:block;}
table.profileInfo td td.text a, table.profileInfo td td.text a img {visibility:visible;}
table.profileInfo td td.text img.ImgOnlineNow {display:none;}
table.profileInfo td td.text span.searchMonkey-lastLogin {display:none;}
table table td.text {margin-left:0px;}
table table table td.text {margin-left:0px;}
body {text-align:center}body table table table {text-align:left; margin-left:0px; margin-right:0px;}
table td img {display:none}table table table td img {display:block;}
table td, x.i i .i {width:auto }
table { margin-right:auto; margin-left:auto}
.bodyContent table div br {line-height:0px;}
body td div div a.text, .bodyContent td div div{display:none;}
.bodyContent td div font {font-family: arial!important; font-size:8px!important; text-transform:uppercase!important; letter-spacing:4; color:white;}.bodyContent table div br {line-height:0px;}
strong{font-family:courier new; font-size:20px; font-weight:heavy;}
big{font-family:georgia; font-size:30px; letter-spacing:-3px; text-transform:lowercase; line-height:25px;}
.interestsAndDetails {display:none;}
.LOL{position:absolute; margin-top:0; margin-left:410px;}
</style>
<p align="LEFT"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">home</a>|<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=173768038">PICS</a>|<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE3Mzc2ODAzOA==">comment</a>
</p><br />
<center><img src="http://i42.tinypic.com/2aamzwi.jpg" /><br />
Name: Nelson S.<br />
Age: 19 <br />
IM: ElxStylz<br />
Is: Busy<br />
Lives in:Maryland<br /></center>
<center><img src="http://img72.imageshack.us/img72/5051/realtalkreggaetonbannerrg2.png" border="0" alt="Image and video hosting by TinyPic" /></center></a>

This is how i want it to look like
CLICK HERE

Was wondering if possible and if someone could help thnx

[Mickey]

You need to position each bit separately with DIVs, like this:

CODE

<div style="position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:9;">
Insert your content here.
</div>

You need to make one for your links, one for your picture and another one for your information. Replace the top and margin-left pound
symbols according to where you want the sections placed. Replace the height and width pound symbols with what you want the DIV's
size to be. Replace the text with the content you want to position (links, photos, text, etc.).

[checho]

im having trouble dosent seem to work dont know whats wrong

[checho]

CODE

<style>
table, tr, td, li, p, div { font-family:Calibri; color:FFFFFF; font-size:11px; }
.btext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.blacktext10 { font-family:Calibri; font-size:11px; }
.blacktext12 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.lightbluetext8 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.orangetext15 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.redtext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.redbtext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.text { font-family:Calibri; color:FFFFFF; font-size:11px; }
.whitetext12 { font-family:Calibri; color:FFFFFF; font-size:11px; }
a:active, a:visited, a:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a:hover { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.navbar:hover { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.redlink:hover { font-family:Calibri; font-size:11px; }
.nametext { font-family:Calibri; color:FFFFFF; font-size:11px; }

</style>


<style>
body{background-color:WHITE; background-image:url('http://cbimg6.com/layouts/09/04/34515aa.gif');}
table.blurbs td.text {display:none;}
.profileinfo, .msonlinenow, .contactTable, .UserProfileURL, .userProfileDetail, .extendednetwork , .latestblogentry, .friendspace, .friendscomments{display:none!important;}embed, object, param{position:absolute; right:0px; top:0px; width:1px; height:1px;}table{width:400px!important;}
a, a:visited, a:link{font-family:terminal; font-size:8px; font-weight:normal; line-height:9px; color:ffffff; text-transform:uppercase; text-decoration:none;}
a:hover{font-family:terminal; font-size:8px; font-weight:normal; line-height:9px; color:ffffff; text-transform:uppercase; text-decoration:none;}
.blurbs{border:1px solid!important; border-color: TRANSPARENT!important; background-color:TRANSPARENT!important; width:400px!important; margin-top:-36; margin-left:10; padding:0px;}
.ORANGEtext15, .WHITEtext12{background-color:TRANSPARENT; border-bottom:1px solid TRANSPARENT; display:block; padding:0px; margin:0px; font-family:terminal; font-size:8px; font-weight:normal; line-height:9px; color:TRANSPARENT; text-transform:uppercase;}
table table table, table table, table, td, tr{background-color: transparent!important;}div td, div div {background-image:none!important; background-color:transparent!important;} div.clearfix table div div {display:block;} div div table div, div div span, .mslogo, div div form {display:none;}
table.profileInfo * {background-color:transparent;}
table.profileInfo table, table.profileInfo {width:0px;}
table.profileInfo td td.text br {line-height:0px;}
table.profileInfo td td.text img {display:none;}
table.profileInfo td td.text a img {display:inline;}
table.profileInfo td.text {display:none;}
table.profileInfo td td {display:none;}
table.profileInfo td td.text {display:table-cell; _display:inline;}
table.profileInfo td td.text {letter-spacing:-100px; font-size:0px;}
table.profileInfo td td.text img {_display:block;}
table.profileInfo td td.text a, table.profileInfo td td.text a img {visibility:visible;}
table.profileInfo td td.text img.ImgOnlineNow {display:none;}
table.profileInfo td td.text span.searchMonkey-lastLogin {display:none;}
table table td.text {margin-left:0px;}
table table table td.text {margin-left:0px;}
body {text-align:center}body table table table {text-align:left; margin-left:0px; margin-right:0px;}
table td img {display:none}table table table td img {display:block;}
table td, x.i i .i {width:auto }
table { margin-right:auto; margin-left:auto}
.bodyContent table div br {line-height:0px;}
body td div div a.text, .bodyContent td div div{display:none;}
.bodyContent td div font {font-family: arial!important; font-size:8px!important; text-transform:uppercase!important; letter-spacing:4; color:white;}.bodyContent table div br {line-height:0px;}
strong{font-family:courier new; font-size:20px; font-weight:heavy;}
big{font-family:georgia; font-size:30px; letter-spacing:-3px; text-transform:lowercase; line-height:25px;}
.interestsAndDetails {display:none;}
.LOL{position:absolute; margin-top:0; margin-left:410px;}
</style>
<div style="position:absolute; top:#400x; left:50%; margin-left:#320x; height:100px; width:#100x; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">home</a>|<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=173768038">PICS</a>|<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE3Mzc2ODAzOA==">comment</a>
</div><br />
<center><img src="http://i42.tinypic.com/2aamzwi.jpg" /><br />
<div style="position:absolute; top:400px; left:50%; margin-left:960px; height:100px; width:100px; z-index:9;">
Insert your content here.
</div>Name: Nelson S.<br />
Age: 19 <br />
IM: ElxStylz<br />
Is: Busy<br />
Lives in:Maryland<br /></div>
<center><img src="http://img72.imageshack.us/img72/5051/realtalkreggaetonbannerrg2.png" border="0" alt="Image and video hosting by TinyPic" /></center></a>

here you go

[theerinkal]

You need to re-read what Mike said. You still don't have seperate boxes for your image, text and whatever else you have on your page.

[checho]

Here you go

[checho]

sorry i miss understood
CHECK PLEASE

CODE

<style>
table, tr, td, li, p, div { font-family:Calibri; color:FFFFFF; font-size:11px; }
.btext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.blacktext10 { font-family:Calibri; font-size:11px; }
.blacktext12 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.lightbluetext8 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.orangetext15 { font-family:Calibri; color:FFFFFF; font-size:11px; }
.redtext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.redbtext { font-family:Calibri; color:FFFFFF; font-size:11px; }
.text { font-family:Calibri; color:FFFFFF; font-size:11px; }
.whitetext12 { font-family:Calibri; color:FFFFFF; font-size:11px; }
a:active, a:visited, a:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a:hover { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.navbar:hover { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:Calibri; color:FFFFFF; font-size:11px; }
a.redlink:hover { font-family:Calibri; font-size:11px; }
.nametext { font-family:Calibri; color:FFFFFF; font-size:11px; }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}</style>

<style>

.div{
position: absolute;
left: 50%;
margin-left:-640px;
top: 0px;
z-index: 0;}

.one{
position: absolute;
left: 50%;
margin-left:-160px;
top: 300px;
z-index:5;
width: 100px;
height: 100px;
overflow: auto;}

.two{
position: absolute;
left: 50%;
margin-left:-160px;
top: 250px;
z-index:5;
width: 300px;
height: 280px;
overflow: auto;}

.three{
position: absolute;
left: 50%;
margin-left:80px;
top: 300px;
z-index:5;
width: 100px;
height: 100px;
overflow: auto;}</style>

CODE

<div class="div">
<img src="http://i42.tinypic.com/2rd96wo.jpg" />

</div>

<div class="one"><p align="LEFT"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">HOME</a><br />
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=173768038">PICS</a><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE3Mzc2ODAzOA==">COMMENT</a>
</p>
</div>

<div class="two">
<center><img src="http://i42.tinypic.com/2aamzwi.jpg" /><br /><br />
<img src="http://img72.imageshack.us/img72/5051/realtalkreggaetonbannerrg2.png" /></center>

</div>

<div class="three">
Name: Nelson S.<br />
Age: 19 <br />
IM: ElxStylz<br />
Is: Busy<br />
Lives in:Maryland<br />

</div>

[Mickey]

Looks like your page is already how you want it to look. I'll go ahead and close this. PM me if you need it reopened.

Topic closed & moved.