Log In · Register

 
comments in DIV
shannondiaz1
post May 3 2007, 09:24 AM
Post #1


Newbie
*

Group: Member
Posts: 2
Joined: Dec 2005
Member No: 328,149



A friend of mine made me a DIV but the comments are not showing up in the scroll box where there suppose to show, I looked through the codes and couldnt find the problem.
And also... in firefox it looks fine but in IE its all off to the side and down to far.
If anyone could help me with this I would be really appreciate it.

My Myspace url


Thanks
 
 
Start new topic
Replies
shannondiaz1
post May 4 2007, 04:29 AM
Post #2


Newbie
*

Group: Member
Posts: 2
Joined: Dec 2005
Member No: 328,149



[code]About Me:
<div class="top" align="center">


<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/greentop.gif" width=633>
</div>


<div class="middle">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/linesdown.gif">
</div>

<div class="love">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/lovekissus.jpg">
</div>

<div class="give">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/give.gif">
</div>

<div class="forgive">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/forgivem.gif">
</div>

<div class="border">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/divideme.gif" height=40 width=702>
</div>

<div class="picofme">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=5036629"><img src="http://i13.tinypic.com/2zp59gg.jpg"></a>

</div>

<div class="reachme">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/contactback.jpg">
</div>

<div class="linky">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="casa"></a>
</div>

<div class="linky1">
<a href="http://Urlcut.net/redend" class="out"></a>
</div>

<div class="musicbox">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/musicback.jpg">
</div>

<div class="closeyoureyes">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="15" width="203..../mspmb..../div..
../div..

..div class=" align="center" data="http://www.lightflick.com/cbe/xspf_bwhite.swf?playlist_url=http://www.lightflick.com/cbe/music.xml&autoplay=true&info_button_text=Lyrics">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.lightflick.com/cbe/xspf_bwhite.swf?playlist_url=http://www.lightflick.com/cbe/music.xml&autoplay=true&info_button_text=Lyrics" />
<param name="quality" value="high" />
<param name="bgcolor" value="black" />
</object>
</div>

<div class="hereclick">
<table><tr><td><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=5036629" class="add"></a></td>
<td><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=5036629" class="email"></a></td>
<td><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=5036629" class="block"></a></td>
</tr></table>
</div>

<div class="aboutmoistupid">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/abme.jpg">
</div>

<div class="moremoi">
<table><tr><td>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=5036629&blogID=133055732" class="moremoremore"target="_blank"> <img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/blog.gif"><span><img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/blogss.jpg"> </span></a></td>
<td><a href="http://www.myspace.com/shannondiaz1" class="moremoremore"> <img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/hobbies.gif"><span><img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/hobbie.jpg"> </span></a></td>

<td><a href="http://www.myspace.com/shannondiaz1" class="moremoremore"> <img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/favorites.gif"><span><img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/favoritess.jpg"> </span></a></td>
<td><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=5036629" class="moremoremore"><img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/pictures.gif"><span><img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/pictures.jpg"> </span></a></td></tr></table>
</div>

<div class="border2">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/divideme.gif" height=40 width=702>
</div>

<div class="all">
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=5036629" class="allcomments" target="_blank"></a>
</div>

<div class="talktome">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=5036629" class="commentmoi" target="_blank"></a>
</div>

<div class="containmecomments">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/commentback.gif">
</div>

<div class="checkem">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/myfriends.gif">
</div>

<div class="cj">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=4842715" class="cjyo"></a>
</div>

<div class="moni">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=5403265" class="moniyo"></a>
</div>

<div class="tiff">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=112219200" class="tiffyo"></a>

</div>

<div class="michael">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=19974588" class="michaelyo"></a>
</div>

<div class="jen">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=5030611" class="jenyo"></a>
</div>

<div class="sabby">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=49915327" class="sabbyyo"></a>
</div>

<div class="mike">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=26465637" class="mikeyo"></a>
</div>

<div class="jesse">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=2412235" class="jesseyo"></a>
</div>


<div class="myfriends">
<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=5036629" class="allfriends" target="_blank"></a>
</div>


<div class="containcommentsandfriendsbitch">
<img src="http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/bottomgrapekh0.gif">
</div>
</style>
</td>
</tr>

<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap: break-word">
<span class="orangetext15">
Who I'd like to meet:</span><br>
<style>
img {border:0px;}
body div table td form{display:none;}

body{background-image:url("");
background-attachment:fixed;}

div td, body {background-color:090909;}
table, tr, td {background-color:transparent;}
table table {background-color:090909;}

* {text-decoration: none !important;}

body {
scrollbar-arrow-color:408d90;
scrollbar-face-color:784a54;
scrollbar-highlight-color:848484;
scrollbar-3dlight-color:848484;
scrollbar-shadow-color:408d90;
scrollbar-darkshadow-color:848484;
scrollbar-track-color:090909;}



.bum {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-325px;
top:0px;
height:1550px;
width:650px;
z-index:1;
}

.top{
background-color:transparent;
position:absolute;
left:50%;
margin-left:-312px;
top:110px;
height:300px;
width:620px;
z-index:2;
}

.middle{
background-color:transparent;
position:absolute;
left:50%;
margin-left:-310px;
top:420px;
height:535px;
width:620px;
z-index:2;
}

.love {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-285px;
top:139px;
height:220px;
width:140px;
z-index:3;
}

.give {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-130px;
top:139px;
height:220px;
width:260px;
z-index:3;
}

.forgive {
background-color:transparent;
position:absolute;
left:50%;
margin-left:145px;
top:139px;
height:220px;
width:140px;
z-index:3;
}

.border {
background-color:090909;
position:absolute;
left:50%;
margin-left:-351px;
top:385px;
height:40px;
width:620px;
z-index:3;
}

.picofme {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-287px;
top:455px;
height:180px;
width:235px;
z-index:2;
}

.reachme {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-287px;
top:653px;
height:180px;
width:235px;
z-index:3;
}

.hereclick {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-272px;
top:737px;
height:57px;
width:190px;
z-index:4;
}

.add{
height: 57px;
width:63px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/addroll.gif) top left no-repeat;
display: block;
}
.add:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/addroll.gif) bottom left no-repeat;
}

.email{
height: 57px;
width:63px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/emailroll.gif) top left no-repeat;
display: block;
}
.email:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/emailroll.gif) bottom left no-repeat;
}

.block{
height: 57px;
width:63px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/blockroll.gif) top left no-repeat;
display: block;
}
.block:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/blockroll.gif) bottom left no-repeat;
}

.linky {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-273px;
top:812px;
height:25px;
width:103px;
z-index:4;
}

.casa{
height: 25px;
width:103px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/homeroll.gif) top left no-repeat;
display: block;
}
.casa:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/homeroll.gif) bottom left no-repeat;
}

.linky1 {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-171px;
top:812px;
height:25px;
width:103px;
z-index:4;
}

.out{
height: 25px;
width:103px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/signoutroll.gif) top left no-repeat;
display: block;
}
.out:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/signoutroll.gif) bottom left no-repeat;
}


.musicbox {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-287px;
top:870px;
height:50px;
width:235px;
z-index:3;
}

.closeyoureyes {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-272px;
top:888px;
height:15px;
width:203px;
z-index:3;
}

.aboutmoistupid {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-33px;
top:472px;
height:429px;
width:320px;
z-index:2;
}

.moremoi {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-3px;
top:815px;
height:60px;
width:240px;
z-index:3;
}

a:hover {
background-color:transparent;}
a span{display:none;}
a:hover span {
display: block;
position: absolute;
top:-235px;
left: -25px;
width: 287px;
height: 233px;
margin: 10px;
color: 834d00;
background-color:090909;}


.border2 {
background-color:090909;
position:absolute;
left:50%;
margin-left:-351px;
top:950px;
height:40px;
width:620px;
z-index:3;
}

.all {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-273px;
top:1027px;
height:65px;
width:160px;
z-index:4;
}

.allcomments{
height: 65px;
width:160px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/allcommentsroll.gif) top left no-repeat;
display: block;
}
.allcomments:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/allcommentsroll.gif) bottom left no-repeat;
}

.talktome {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-113px;
top:1027px;
height:65px;
width:160px;
z-index:4;
}

.commentmoi{
height: 65px;
width:160px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/commentroll.gif) top left no-repeat;
display: block;
}
.commentmoi:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/commentroll.gif) bottom left no-repeat;
}

.containmecomments {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-280px;
top:1020px;
height:460px;
width:335px;
z-index:3;
}

.checkem {
background-color:transparent;
position:absolute;
left:50%;
margin-left:114px;
top:1003px;
height:40px;
width:140px;
z-index:3;
}

.cj {
background-color:transparent;
position:absolute;
left:50%;
margin-left:84px;
top:1051px;
height:100px;
width:100px;
z-index:3;
}

.cjyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i14.tinypic.com/4bi8com.jpg) top left no-repeat;
display: block;
}
.cjyo:hover{
background: url(http://i14.tinypic.com/4bi8com.jpg) bottom left no-repeat;
}

.moni {
background-color:transparent;
position:absolute;
left:50%;
margin-left:184px;
top:1051px;
height:100px;
width:100px;
z-index:3;
}

.moniyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i10.tinypic.com/452395e.jpg) top left no-repeat;
display: block;
}
.moniyo:hover{
background: url(http://i10.tinypic.com/452395e.jpg) bottom left no-repeat;
}

.tiff {
background-color:transparent;
position:absolute;
left:50%;
margin-left:84px;
top:1150px;
height:100px;
width:100px;
z-index:3;
}

.tiffyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i5.tinypic.com/346ltz9.jpg) top left no-repeat;
display: block;
}
.tiffyo:hover{
background: url(http://i5.tinypic.com/346ltz9.jpg) bottom left no-repeat;
}

.michael {
background-color:transparent;
position:absolute;
left:50%;
margin-left:184px;
top:1150px;
height:100px;
width:100px;
z-index:3;
}

.michaelyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i3.tinypic.com/2f0f2aq.jpg) top left no-repeat;
display: block;
}
.michaelyo:hover{
background: url(http://i3.tinypic.com/2f0f2aq.jpg) bottom left no-repeat;
}

.jen {
background-color:transparent;
position:absolute;
left:50%;
margin-left:84px;
top:1250px;
height:100px;
width:100px;
z-index:3;
}

.jenyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i13.tinypic.com/307uvl2.jpg) top left no-repeat;
display: block;
}
.jenyo:hover{
background: url(http://i13.tinypic.com/307uvl2.jpg) bottom left no-repeat;
}

.sabby {
background-color:transparent;
position:absolute;
left:50%;
margin-left:184px;
top:1250px;
height:100px;
width:100px;
z-index:3;
}

.sabbyyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i10.tinypic.com/2sa16p1.jpg) top left no-repeat;
display: block;
}
.sabbyyo:hover{
background: url(http://i10.tinypic.com/2sa16p1.jpg) bottom left no-repeat;
}

.mike {
background-color:transparent;
position:absolute;
left:50%;
margin-left:84px;
top:1351px;
height:100px;
width:100px;
z-index:3;
}

.mikeyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i13.tinypic.com/2r5xj68.jpg) top left no-repeat;
display: block;
}
.mikeyo:hover{
background: url(http://i13.tinypic.com/2r5xj68.jpg) bottom left no-repeat;
}

.jesse {
background-color:transparent;
position:absolute;
left:50%;
margin-left:184px;
top:1351px;
height:100px;
width:100px;
z-index:3;
}

.jesseyo{
height: 100px;
width:100px;
overflow: hidden;
background: url(http://i9.tinypic.com/2mwbdlg.jpg) top left no-repeat;
display: block;
}
.jesseyo:hover{
background: url(http://i9.tinypic.com/2mwbdlg.jpg) bottom left no-repeat;
}

.myfriends {
background-color:transparent;
position:absolute;
left:50%;
margin-left:115px;
top:1460px;
height:40px;
width:140px;
z-index:3;
}

.allfriends{
height: 40px;
width:140px;
overflow: hidden;
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/allfriendsroll.gif) top left no-repeat;
display: block;
}
.allfriends:hover{
background: url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/allfriendsroll.gif) bottom left no-repeat;
}

.containcommentsandfriendsbitch {
background-color:transparent;
position:absolute;
left:50%;
margin-left:-312px;
top:965px;
height:550px;
width:620px;
z-index:2;
}


.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 .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-37px; _top:-28px;}

JB{The Main: comment div;}
.comt {width:304px; height:365px; overflow:auto;
background-color:090909; position:absolute; top:1100px; left:50%; margin-left:-265px;}
JB {Timestamp: width;}
.blacktext10 {width: 155px; height:20px; text-align:center;color:ffffff; font-size:13pt;font-family:arial narrow;}


.comt td td td a img {border-color:408d90; border-style:solid; border-width:1px;}

*html .comt {width:303px;margin-left:-265px;}

.blacktext10{background-image:url(http://img.photobucket.com/albums/v505/Shannondiaz1/my%20div/commentdivide.gif);}

*html .blacktext10 {width: 155px; height:20px; text-align:center; font-size:13pt;font-family:arial narrow;}

.comt td b{display:none;}
.comt td td td, .comt td td td b {color:ffffff; font-family:arial narrow; font-size:10pt;text-align:center;}
.comt td a{visibility:hidden;}

.comt td td td a {color:ffffff!important; font-family:arial narrow!important; font-size:10pt;!important;}
.comt td td td a:hover {color:ffffff!important; font-family:arial narrow!important; font-size:10pt;!important;}

JB{resizes: images posted in comments}
.comt td td td img {width:150px; max-width:150px; _width:150px !important;}

JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:65px; max-width:65px; _width:65px !important;}

JB{resizes: .. now image}
.comt td td td div img {width:80px!important;}

JB{resizes: top 8 friend pics}
.comt td td td td img {width:80px!important;}

.comt td td td .ImgOnlineNow{display:none;}

.a {hide both columns}
table table table {visibility:hidden;}
.a {unhide right column}
td.text table {visibility:visible;}
.a {hide URL label}
td td td td td div {background-color:transparent;}
td td td td td div strong {visibility:hidden;}
.a {adjust contact table to make page shorter}
.contactTable {position:absolute;}
.a {hide blogs and extended network}
td.text table {visibility:hidden;}
td.text table table, td.text table table td.text {visibility:visible;}
.a {hide about me/meet labels}
.orangetext15 {display:none;}
.a {hide bottom links}
table div {display:none;}
table table div {display:block;}
.a {fix border around signout links}
div table {background-color:transparent;}
.a {hide top links}
div td font {visibility:hidden;}






</div>


I'd Like to Meet:

<style type=text/css>
.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>






































<div class="comt"><table>..tr><td><table>



<style>
.katamari right column {http://abrax.us/Katamari/RightColumnGen.php}
div td form {display:none;}
table div td form {display:inline;}
.a {hide blogs and extended network}
td.text table {visibility:hidden;}
td.text table table {visibility:visible;}
.a {move about me and the rest UP}
td.text table table {position:relative; top:-190px; margin-bottom:-190px;}
td.text div table,
td.text table table table,
td.text td.text table {position:static; margin-bottom:0px;}
td.text .orangetext15 {display:none;}
.FriendsAndComments {display:none;}
td.text td.text td b {display:block; margin-bottom:500px;}
td.text td.text td td b {display:inline; margin-bottom:0px;}
table div {display:none;}
table table div {display:block;}
.k{top:0px;left:0px;position:absolute;z-index:9;}
</style>
</td></tr></table>
</td></tr></table>
<br>
<div class=FriendsAndComments>
<table style="display:none;"><tr><td>
<table><tr><td>











<div style="height:400px;width:450px;overflow:auto"> <table><tr><td><table><tr><td>











<div class="comments" style="overflow:auto; width: 400px; height:300px; position: absolute; top:100px; margin-left: 200px;"><center><table><table>..tr><td><table></center></div>


Heroes:

<style>
.katamari left column {http://abrax.us/Katamari/LeftColumnGen.php}
table table table {visibility:hidden;}
td.text table {visibility:visible;}
</style>
 

Posts in this topic
shannondiaz1   comments in DIV   May 3 2007, 09:24 AM
toyo loco   Post your layout code please.   May 3 2007, 10:22 AM
shannondiaz1   [code]About Me: <div class="top" alig...   May 4 2007, 04:29 AM
emxauxi   QUOTE(shannondiaz1 @ May 3 2007, 08:24 AM...   May 30 2007, 11:42 AM


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