problems with friends and comments. Options

[ilsaro]

i don't see my friends and my comment in my profile.

Why???

this is the code of my myspace:

CODE

<style>.userprofiledetail { display:none; } .latestblogentry, .nametext, .orangetext15, .contacttable, .userProfileURL {display:none}</style>
<style>
.userProfileURL {display:none;}7
.userProfileDetail {display:none;}
.userProfileCompany {display:none;}
.userProfileSchool {display:none;}
</style>
<style type="text/css">
.contactTable {display: none;}
</style>

<style>
.extendedNetwork {
visibility:hidden;
height:20px !important

}
BODY {
background-color:white;
}

</style>

<style>
table tr td div div{display:none;}
</style>
<style type="text/css">body table div font a, body table div div {visibility:hidden;}
</style>
<style type="text/css">
.cb {wolfreak_99.createblog.com}
.blurbs {visibility:hidden;}
.blurbs table {visibility:visible; margin-top:-30px;}
</style>

<style>
.a {image just above navigation bar}
.navigationBar td {background-color:transparent !important}
.navigationBar table {margin-top:200px; background-color:ffffff;}
.navigationBar {background-image: url(http://www.robotoclothing.com/myspace/sopra2.png) !important; background-repeat: no-repeat !important;
background-position:top center !important; width:800px !important;}
</style>

<div id="apDiv1" style="position:absolute; top:370px; left:150px; height::700px; width:787px">
<img src="http://www.robotoclothing.com/myspace/myspace.jpg"
border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="165,313,591,337" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnJvYm90b2Nsb3RoaW5nLmNvbQ==" />
<area shape="rect" coords="465,115,539,180" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnJvYm90b2Nsb3RoaW5nLmNvbQ==" />
<area shape="rect" coords="382,120,454,179" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zNTc1NjA1MDk=" />
<area shape="rect" coords="309,119,369,181" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTM1NzU2MDUwOQ==" />

<area shape="rect" coords="222,109,298,201" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />
</map>
</div>

<div id="apDiv2" style="position:absolute; top:1750px; left:320px; height::60px; width:486px">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="60" width="468" data="http://www.robotoclothing.com/flash/roboto_486x60px.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.robotoclothing.com/flash/roboto_486x60px.swf" />
<param name="quality" value="high" />
</object>
</div>

Reason for edit: Please, use [codebox]s - kreios

[fixtatik]

it looks like it's simply because your layout image is covering them. you can move your friends and comments similar to the way you moved the main image.

CODE

.friendSpace { position:absolute; top:##px; left:##px; }
.friendsComments { position:absolute; top:##px; left:##px; }

and obviously, you'd put those between your style tags. doing it like the example above will only make it look good in your browser. if you want it to work in other browsers, you'd have to do something different:

CODE

top:0; left:50%; margin:##px 0 0 ##px;

you can add this to all of your div styles (for the main image, your friends and your comments). this is what it means: top:0; means that the div will first be positioned zero pixels from the top. left:50%; means that the left side of the div will be positioned 50% of the screen's width from the left side of the screen. margin:##px 0 0 ##px; is what you'll focus on the most.

1. the first "##px" is how far from the top of the page you would like your div to be.
2. the first "0" is how far from the right side (you don't need to change that).
3. the second "0" is how much space you'd like underneath the div (i.e., if you don't want your comments to be crushed at the bottom of your page, you could add in "30px").
4. the second "##px" is how far to the left you want the div to move. this is the most important part. to figure it out, divide the width of your div in half, then put its negative in place.

so, for example, if you want your main image positioned directly in the center of any monitor size (according to your code), you'd put this:

CODE

height:700px; width:787px; position:absolute; top:0; left:50%; margin:370px 0 0 -394px;

and similarly, you'd do the same for .friendSpace and .friendsComments.