hey guyss Options

[janssen]

heyy guys. i had a different username awhile ago but for some reason it would not let me log in anymore so i was forced to make a new account. sorryyyyy. :(


anyway, i was wondering if someone could help me with this new div layout im making?




the two blank squares below featured profile. the smaller one is for a comment box and the bigger one is for comments. can anyone help me to get those in there somehow? thanks so muchhhhhhh.

[freeflow]

http://www.createblog.com/forums/index.php?showtopic=142922
Everything you need to know is right there. And yes its possible.

[janssen]

when i use the div code for the comments, i get this.

img link is

http://img147.imageshack.us/img147/2845/lamee0hr.jpg


any idea whats goin on?



EDIT: also, i put a comment box in the div, and get it positioned right, but the add comment/fix buttons don't show up below it. any ideas about that? gahh.

[freeflow]

Do not go by the myspace preview. Take a screenshot of it on the page or link your page. It may also benefit you if you post your codes as well.

[janssen]

mmk. well i got the comment box working but i still don't know how to get the comments in there.

http://profile.myspace.com/index.cfm?fusea...iendid=44859474

there's my link, shall i post my coding?

[freeflow]

^ Please, because your myspace is private.

[janssen]

<style type="text/css">
.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{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;}
body{ background-color: FFFFFF;}
table tr, td{ background-color: transparent;}
</style>
<style type="text/css">
body div table td form img{display:none!important;}
</style>
<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
</style>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>
<style type="text/css">embed, object{ display:block; width:0px; height:0px;}</style>

<div class="bg" style="position: absolute; left:175px; top:90px; width:640px; height:620px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v13/yoshiclone/thesamecolor.jpg" usemap="main" border="0">

<map name="main">
<area href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=44859474" shape="rect" coords="229, 12, 33, 200">

<area href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=44859474" shape="rect" coords="82, 205, 35, 216">

<area href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=44859474" shape="rect" coords="81, 223, 35, 241">

<area href=".. void(0);" shape="rect" coords="73, 246, 35, 262">

<area href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=44859474" shape="rect" coords="90, 267, 34, 284">

<area href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=44859474&f=forwardprofile" shape="rect" coords="225, 203, 172, 216">

<area href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=44859474&public=0" shape="rect" coords="224, 221, 177, 241">

<area href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=44859474" shape="rect" coords="219, 244, 167, 263">

<area href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=44859474" shape="rect" coords="219, 264, 171, 284">
</map>

</div>

<div class="content" style="position: absolute; left:405px; top:275px; width:296px; height:91px; overflow: auto;"><center>




<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="44859474" type="hidden"><textarea name="f_comments" cols="60" rows="1" style="border-width: 1px; border-style: solid; border-color: ######; font-family: Tahoma; font-size: 10px; color: ######; background-color: ######;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 0px; border-style: solid; border-color: 696969; font-family: Tahoma; font-size: 10px; color: ######; background-color: ######;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: ######; font-family: Tahoma; font-size: 10px; color: ######; background-color: ######;" type="reset"></form>







</div>


<div class="content" style="position: absolute; left:415px; top:400px; width:290px; height:91px; overflow: auto;"><center>

heyy guys. comments will go here. i just don't know how yet. hmmm. but for now, you can leave me a comment. oh and i'll have those infamous little <b>eye</b>-cons up soon, so keep checking back. :D!


</div>




<div style="z-index:5; background-color: #6698CB; margin-left:-400px; width: 800px" align="center" class="testnav"><div style=""><a href="http://www.../images/.." target="" class="navbar">Home</a> | <a href="http://www.../images/.." target="" class="navbar">Browse</a> | <a href="http://www.../images/.." target="" class="navbar">Search</a> | <a href="http://www.../images/.." target="" class="navbar">Invite</a> | <a href="http://www.../images/.." target="" class="navbar">Film</a> | <a href="http://www.../images/.." target="" class="navbar">Mail</a> | <a href="http://www.../images/.." target="" class="navbar">Blog</a> | <a href="http://www.../images/.." target="" class="navbar">Favorites</a> | <a href="http://www.../images/.." target="" class="navbar">Forum</a> | <a href="http://www.../images/.." target="" class="navbar">Groups</a> | <a href="http://www.../images/.." target="" class="navbar">Events</a> | <a href="http://www.../images/.." target="" class="navbar">Videos</a> | <a href="http://www.../images/.." target="" class="navbar">Music</a> | <a href="http://www.../images/.." target="" class="navbar">Comedy</a> | <a href="http://www.../images/.." target="" class="navbar">Classifieds</a></div></div>..<div style="z-index:5; background-color: #6698CB; margin-left:-400px; width: 800px" align="center" class="testnav"><div style=""><a href="http://www.../images/.." target="" class="navbar">Home</a> | <a href="http://www.../images/.." target="" class="navbar">Browse</a> | <a href="http://www.../images/.." target="" class="navbar">Search</a> | <a href="http://www.../images/.." target="" class="navbar">Invite</a> | <a href="http://www.../images/.." target="" class="navbar">Film</a> | <a href="http://www.../images/.." target="" class="navbar">Mail</a> | <a href="http://www.../images/.." target="" class="navbar">Blog</a> | <a href="http://www.../images/.." target="" class="navbar">Favorites</a> | <a href="http://www.../images/.." target="" class="navbar">Forum</a> | <a href="http://www.../images/.." target="" class="navbar">Groups</a> | <a href="http://www.../images/.." target="" class="navbar">Events</a> | <a href="http://www.../images/.." target="" class="navbar">Videos</a> | <a href="http://www.../images/.." target="" class="navbar">Music</a> | <a href="http://www.../images/.." target="" class="navbar">Comedy</a> | <a href="http://www.../images/.." target="" class="navbar">Classifieds</a></div></div>






















i havent implemented the comments div in yet, but where it explains that the comments will be there, thats where i want them to show up.

[freeflow]

- Your add comment/clear buttons do show up below the comment box for me..
- Secondly in the div tutorial I believe it told you about the script you need to use to get your comments in there.. Change your code to this and then edit the part that says .comments{blahblah} (thats how you will position it).

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2px;}
</style>
body{ background-color: FFFFFF;}
table tr, td{ background-color: transparent;}
</style>
<style type="text/css">
body div table td form img{display:none!important;}
</style>
<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
</style>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>
<style type="text/css">embed, object{ display:block; width:0px; height:0px;}</style>

<div class="bg" style="position: absolute; left:175px; top:90px; width:640px; height:620px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v13/yoshiclone/thesamecolor.jpg" usemap="main" border="0">

<map name="main">
<area href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=44859474" shape="rect" coords="229, 12, 33, 200">

<area href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=44859474" shape="rect" coords="82, 205, 35, 216">

<area href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=44859474" shape="rect" coords="81, 223, 35, 241">

<area href=".. void(0);" shape="rect" coords="73, 246, 35, 262">

<area href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=44859474" shape="rect" coords="90, 267, 34, 284">

<area href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=44859474&f=forwardprofile" shape="rect" coords="225, 203, 172, 216">

<area href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=44859474&public=0" shape="rect" coords="224, 221, 177, 241">

<area href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=44859474" shape="rect" coords="219, 244, 167, 263">

<area href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=44859474" shape="rect" coords="219, 264, 171, 284">
</map>

</div>

<div class="content" style="position: absolute; left:405px; top:275px; width:296px; height:91px; overflow: auto;"><center>




<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="44859474" type="hidden"><textarea name="f_comments" cols="60" rows="1" style="border-width: 1px; border-style: solid; border-color: ######; font-family: Tahoma; font-size: 10px; color: ######; background-color: ######;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 0px; border-style: solid; border-color: 696969; font-family: Tahoma; font-size: 10px; color: ######; background-color: ######;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: ######; font-family: Tahoma; font-size: 10px; color: ######; background-color: ######;" type="reset"></form>







</div>


<div class="content" style="position: absolute; left:415px; top:400px; width:290px; height:91px; overflow: auto;"><center>

heyy guys. comments will go here. i just don't know how yet. hmmm. but for now, you can leave me a comment. oh and i'll have those infamous little <b>eye</b>-cons up soon, so keep checking back. :D!


</div>




<div style="z-index:5; background-color: #6698CB; margin-left:-400px; width: 800px" align="center" class="testnav"><div style=""><a href="http://www.../images/.." target="" class="navbar">Home</a> | <a href="http://www.../images/.." target="" class="navbar">Browse</a> | <a href="http://www.../images/.." target="" class="navbar">Search</a> | <a href="http://www.../images/.." target="" class="navbar">Invite</a> | <a href="http://www.../images/.." target="" class="navbar">Film</a> | <a href="http://www.../images/.." target="" class="navbar">Mail</a> | <a href="http://www.../images/.." target="" class="navbar">Blog</a> | <a href="http://www.../images/.." target="" class="navbar">Favorites</a> | <a href="http://www.../images/.." target="" class="navbar">Forum</a> | <a href="http://www.../images/.." target="" class="navbar">Groups</a> | <a href="http://www.../images/.." target="" class="navbar">Events</a> | <a href="http://www.../images/.." target="" class="navbar">Videos</a> | <a href="http://www.../images/.." target="" class="navbar">Music</a> | <a href="http://www.../images/.." target="" class="navbar">Comedy</a> | <a href="http://www.../images/.." target="" class="navbar">Classifieds</a></div></div>..<div style="z-index:5; background-color: #6698CB; margin-left:-400px; width: 800px" align="center" class="testnav"><div style=""><a href="http://www.../images/.." target="" class="navbar">Home</a> | <a href="http://www.../images/.." target="" class="navbar">Browse</a> | <a href="http://www.../images/.." target="" class="navbar">Search</a> | <a href="http://www.../images/.." target="" class="navbar">Invite</a> | <a href="http://www.../images/.." target="" class="navbar">Film</a> | <a href="http://www.../images/.." target="" class="navbar">Mail</a> | <a href="http://www.../images/.." target="" class="navbar">Blog</a> | <a href="http://www.../images/.." target="" class="navbar">Favorites</a> | <a href="http://www.../images/.." target="" class="navbar">Forum</a> | <a href="http://www.../images/.." target="" class="navbar">Groups</a> | <a href="http://www.../images/.." target="" class="navbar">Events</a> | <a href="http://www.../images/.." target="" class="navbar">Videos</a> | <a href="http://www.../images/.." target="" class="navbar">Music</a> | <a href="http://www.../images/.." target="" class="navbar">Comedy</a> | <a href="http://www.../images/.." target="" class="navbar">Classifieds</a></div></div>


<div class="comments"><table><tr><td><table><tr><td>

[janssen]

thankss. they show up, but the background has like some myspace stuff behind it. :(

[freeflow]

^ What do you mean?

[janssen]

http://img254.imageshack.us/img254/4428/basically0xb.jpg


basically, like the bottom myspace stuff and some other parts are still showing and i cant change the color of the background.

[freeflow]

CODE

<style type="text/css">
body{ background-color: #####;}
</style>

There are codes in scripts to hide the links.