So this whole ordeal here., I really NEED help Options

[Angelkore]

CODE

<style type="text/css">
table td div div font {visibility:hidden;}
</style>
<style>.navigationBar{display:none;}</style><style type="text/css">
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}
div div { position:absolute; margin-top:-100px; }
</style>
<style>
body
{
background: black;
}

<div id="comment box" style="left:100px; top:200px; right:0px; position:absolute; width:0; height:0;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment&friendID= 155256066"><input name="friendID" value="155256066" type="hidden"><textarea name="f_comments" cols="15" rows="5" style="font-family: verdana; font-size: 10px; border: 0px none 000000; "></textarea><br /><input type="submit" value="take a walk?" /></form><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMTM*NTc3MTQ2NzEmcHQ9MTIxMzQ1NzcyMjk2OC ZwPTc2MTcxJmQ9Q29tbWVudCtCb3grR2VuZXJhdG9yJm49bXlz cGFjZSZnPTE=.jpg" />
</style>
</style>

<div id="Main image." style="left:60px; top:0px; right:0px; position:absolute; width:731; height:600;"><img src="http://i296.photobucket.com/albums/mm190/AngelKore_08/myspacething.png" border="0" alt="Photobucket"></a></div>

<div id="hiding stuff">
<div id="removeusershortcuts">
<style>
.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}
</style>
</p>
<div style="display:none">
<table>
<tr>
<td>
<table>
<tr>
<td>
<style>
.a {hide details section}
.userProfileDetail {display:none;}
</style>

<style>div[id="googlebar"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>
<style type="text/css">
.cb {wolfreak_99.createblog.com}
.bodyContent td div div a:last-child, .bodyContent td div div span {display:none;}
</style><style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style>

I know it extremely messy. But i am a noob at html, i am just good at photoshop, could someone tell me how i can program the comment box on this particular image. http://i296.photobucket.com/albums/mm190/A...yspacething.png

Please respond as fast as possible, :) thanks you

-Angelkore.

[Relentless]

What do you mean? Be specific.

Do you mean help positioning the comment box? If so, put the comment box in a DIV.

[Angelkore]

if you look at the image i gave, there is a comment area, i dont know how to add a working comment box there.

[tokyo-rose]

The code already includes the comment box, with the friend ID input and all.

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment&friendID= 155256066"><input name="friendID" value="155256066" type="hidden"><textarea name="f_comments" cols="15" rows="5" style="font-family: verdana; font-size: 10px; border: 0px none 000000; "></textarea><br /><input type="submit" value="take a walk?" /></form>

[Angelkore]

Yeah i know it has the comment box, i just don't know how to get the comment box to show above the image because its like behind the image.

[Marlons]

Try putting a z-index somewhere in the code for the comment box div.

CODE

z-index:9;

[Angelkore]

i have no idea what the problem is, would anyone mind scripting it for me? that would be the bset bet

[Angelkore]

no takers?

[Smarmosaur]

well, one, your code is an absolute mess...just to throw that out there. your DIV's don't end, and you have misplaced DIV and style tags...there's no way your coding is going to work. if you want, i can fix it up for you, but you will need to add in credit in the layout. obviously, i only ask for 50% coding credit. :]
two, once you get that fixed, add in z-index in each of the DIV's. this sets the "layers" for your layout. so, the DIV with the lowest number will be the image on the bottom. as the numbers build, the DIV's overlap. so this is what you need. just replace it in your coding.

CODE

<div id="comment box" style="left:100px; top:200px; right:0px; position:absolute; width:0; height:0; z-index:2;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment&friendID= 155256066"><input name="friendID" value="155256066" type="hidden"><textarea name="f_comments" cols="15" rows="5" style="font-family: verdana; font-size: 10px; border: 0px none 000000; "></textarea><br /><input type="submit" value="take a walk?" /></form><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMTM*NTc3MTQ2NzEmcHQ9MTIxMzQ1NzcyMjk2OC ZwPTc2MTcxJmQ9Q29tbWVudCtCb3grR2VuZXJhdG9yJm49bXlz cGFjZSZnPTE=.jpg" />
</style>
</style>

<div id="Main image." style="left:60px; top:0px; right:0px; position:absolute; width:731; height:600; z-index:1;"><img src="http://i296.photobucket.com/albums/mm190/AngelKore_08/myspacething.png" border="0" alt="Photobucket"></a></div>