Log In · Register

 
 
Closed TopicStart new topic
Trouble showing comments on div layout
upgrayedd
post Sep 16 2008, 06:54 PM
Post #1


Newbie
*

Group: Member
Posts: 7
Joined: Mar 2008
Member No: 632,778



I cannot for the life of me get the comments to show on my div layout. I've tried the code that's posted on this website and can't get it to work at all. Here's the code for my layout:

CODE
<style>
div form, .mslogo, div ul {display:none!important;}
div div table div {display:none;}
div div, div td {background-color:transparent; background-image:none!important;}
div.clearfix{display:none;}
.clearfix{top:1px; position:relative;}
.clearfix{margin-top:-1px !important; position:relative !important;}

body {
background-color:1C5A85;
}
b, strong, .btext {font-family: times new roman; font-size:10pt;letter-spacing:1px; color:00469B;}
i, em, .itext{font-family: georgia; color:C51D00; text-transform: lowercase;}
u, .utext { font family: arial; color:7B52AB; border-bottom: dashed 1px;}
s {font family: century gothic; font-size: 9pt; color:gray;}

.header {display: block; visibility: visible; font-family: georgia; color:7FB320; text-align:left; font-size: 22px; letter-spacing:-1px; text-transform: lowercase; line-height:24px; font-weight: normal; border-color:black; border-bottom: solid 2px;}

.top1
{position:absolute;top:590px;margin-left:-186px;left:50%; height:95px; width:130px;}
.top2
{position:absolute;top:590px;margin-left:-46px;left:50%; height:95px; width:130px;}
.top3
{position:absolute;top:590px;margin-left:94px;left:50%; height:95px; width:130px;}
.top4
{position:absolute;top:590px;margin-left:234px;left:50%; height:95px; width:130px;}

.about_me
{color:284551;position:absolute;top:295px;margin-left:-178px;left:50%; height:225px; text-align:justified; width:410px;overflow:auto;}

.bebold01
{display:block; height:300px; width:800px; position:absolute; top:115px; left:50%; margin-left:-400px; overflow:hidden;}

.bebold02
{display:block; height:300px; width:800px; position:absolute; top:415px; left:50%; margin-left:-400px; overflow:hidden;}

.my_photo
{display:block; height:105px; width:140px; position:absolute; top:584px; left:50%; margin-left:-372px; overflow:hidden;}

table, td, tr, th,body, p, td, font,td, li, p li, p, br, table
{font-family:arial; font-size: 9pt; color: black;}
table, tr, td
{border: none; background-color: transparent; padding: 0;}
table
{border: none; background-color: transparent;}
table table
{border: none; border-color: none; background-color: transparent;}
table table table
{border:none; background-color: transparent; padding:0;}
table table table table
{border: none; border-color: none;}
a, a:link, a:active, a:visited
{font-family: tahoma; font-size: 12px; color:3D686B; font-weight: normal;letter-spacing:;}
a:hover
{font-family:tahoma; color:white; font-weight: normal; background-color: transparent;}
a:link img, a:visited img {filter: none;border:0px}

.googlebar,.profilelinks,.navigationbar,.navigationbarDiv,.contacttable,.whitete
t12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbte
t{display:none;height:0px;!important;visibility:hidden !important;}
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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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;}

a img {border: 0px;}
</style>

<div class="bebold01"><img src="http://cbimg6.com/layouts/08/09/31319aa.png" width="800" height="300" border="0" alt="" usemap="#bebold01_Map" />
<map name="bebold01_Map">
<area shape="polygon" alt="Home" title="" coords="48,94,62,105,76,126,102,142,165,141,144,125,127,104,101,92,74,93" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />
<area shape="polygon" alt="Add" title="" coords="244,141,220,125,210,109,185,95,129,95,129,94,132,93,132,93,151,119,177,139" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMTQ1MzM1OA==" />
<area shape="polygon" alt="Message" title="" coords="323,140,305,128,293,110,268,96,208,96,230,118,243,133,259,141,289,140" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMTQ1MzM1OA==" />
<area shape="polygon" alt="Comment" title="" coords="407,142,392,134,372,109,346,96,286,96,318,126,337,140,366,140" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTIxNDUzMzU4" />
</map>
</div>

<div class="bebold02"><img src="http://cbimg6.com/layouts/08/09/31319ab.png" width="800" height="300" border="0" alt="" usemap="#bebold02_Map" />
<map name="bebold02_Map">
<area shape="rectangle" alt="Pictures" title="" coords="28,151,77,164" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yMTQ1MzM1OA==" />
<area shape="rectangle" alt="Friends" title="" coords="209,152,257,167" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTIxNDUzMzU4" />
</map>
</div>

<div class="my_photo"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yMTQ1MzM1OA=="><img src="http://i37.tinypic.com/ok1wsk.jpg" width="140" height="105" border="0" /></a></div>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=395197269" class="top1" target="_blank"><img src="http://i37.tinypic.com/14smv85.jpg" width="130" height="95" border="0" /></a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=120691058" class="top2" target="_blank"><img src="http://i38.tinypic.com/r2jjev.jpg" width="130" height="95" border="0" /></a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=52691890" class="top3" target="_blank"><img src="http://i36.tinypic.com/2a971oj.jpg" width="130" height="95" border="0" /></a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=206334532" class="top4" target="_blank"><img src="http://i35.tinypic.com/15yb20z.jpg" width="130" height="95" border="0" /></a>



CODE
<div class="about_me">
<span class="header">Tyrel Crandall</span>
<br /><br />
<b>Age:</b> 24
<br />
<b>Status:</b> Married
<br />
<b>Location:</b> New York
<br />
<b>Education:</b> In college
<br /><br />
Recently married to a wonderful woman
<br />
Hate 2 faced muh f**kas
<br />
Buying first home in beginning of October
<br />
Were sharing it with a new pit bull puppy
<br />
Mixtapes are the shit
<br />
I love graphics/web design
<br />
Bootlegging is my thing :D







</div>
Reason for edit: Use [codebox] for longer codes. - Gabi
 
upgrayedd
post Sep 16 2008, 10:43 PM
Post #2


Newbie
*

Group: Member
Posts: 7
Joined: Mar 2008
Member No: 632,778



no one can help? blink.gif
 
manny-the-dino
post Sep 16 2008, 11:44 PM
Post #3


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



Please don't double post. Someone will help you eventually. Just give it a day or so, k? wink.gif
 
manic
post Sep 16 2008, 11:49 PM
Post #4


Senior Member
****

Group: Member
Posts: 179
Joined: Sep 2008
Member No: 683,638



In your "Who I'd Like to Meet" section, put this code at the very bottom.

CODE
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

It has to be below all of your other coding or else it wont work


In your CSS
CODE
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .redtext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}


And the CSS to edit the DIV for your comments.
CODE
.comt {width:450px; height:390px; overflow:auto;
background-color:white; border:1px solid; border-color:black; position:absolute; top:400px; left:50%; margin-left:-100px; }
.blacktext10 {width: 320px;}
 
upgrayedd
post Sep 17 2008, 12:14 PM
Post #5


Newbie
*

Group: Member
Posts: 7
Joined: Mar 2008
Member No: 632,778



I did what you said, and the only thing I changed was the distance it is from the top....heres my myspace so u can see how it shows up.

http://www.myspace.com/getud1zzy
 
upgrayedd
post Sep 18 2008, 12:20 PM
Post #6


Newbie
*

Group: Member
Posts: 7
Joined: Mar 2008
Member No: 632,778



my profile is no longer private I just changed it, sorry. I tried your script before posting here but it didn't work at all. Nothing even showed up. With the code that manic gave me, a white box shows up but no comments....please someone help, this used to be easy, lol.
 
manic
post Sep 18 2008, 02:21 PM
Post #7


Senior Member
****

Group: Member
Posts: 179
Joined: Sep 2008
Member No: 683,638



I'm not sure why it doesn't work.

When I looked at your coding I found this,
CODE
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td></style></span>


If you added the end style and the end span, that would be the reason its not working. If not, then I don't know, but I tried.

 
fixtatik
post Sep 18 2008, 03:42 PM
Post #8


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



it's probably because you're using a pretty old code to hide your profile. lines 37 to 48 look like this:
CODE
.googlebar,.profilelinks,.navigationbar,.navigationbarDiv,.contacttable
.whitete
t12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbte
t{display:none;height:0px;!important;visibility:hidden !important;}
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;}
table table table table,table table table table td.text{display:none;}
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;}

delete those, and replace them with this:
CODE
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, table div { display:none!important; }
div table div, table table div { display:block!important; padding:0; }
table, tr, td { background:none; border:none; }

.friendsComments { position:absolute; top:0; left:50%; margin:690px 0 0 -400px; width:800px; }
.friendsComments table { width:100%; }

the last two lines are for your comments, obviously. just add the styling you want for your comments in those lines.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: