Add comment box for divs, I always screw it up Options

[protos]

I use a code that lets me use an image for the submit button but i can never get the text area to fit correctly into the form

CODE

<style type="text/css">
.addcom {position: absolute; width:271px; height:202px;
top: 608px; left: 50%; margin-left: -114px; background-color: NONE; border: none; overflow:auto; z-index: 3; display:inline;visibility:visible;}
</style>

<div class="addcom">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="FRIENDIDHERE" type="hidden">

<textarea name="f_comments" wrap=virtual cols="1" rows="1" style="background-color: transparent;
color:AAd2d4;
font-family: Arial;
font-size: 12px; border: none;
width:270px!important;
height:202px!important;"
style="overflow:auto;">

Type your comment in here.</textarea>

<input type="image" src="http://img114.imageshack.us/img114/4809/submitblackyd5.gif"/>
</form></div>

[newkidontheblock]

HERE IS WHAT I WAS TELLING YOU TO DO

HERE IS A LIVE PREVIEW PREVIEW

I ADDED THE BORDER SO YOU CAN SEE IT...

WITH BODER

CODE

<style type="text/css">
.addcom { border:2px solid; border-colorFF0000; position: absolute; width:271px; height:202px;
top: 608px; left: 50%; margin-left: -114px; background-color: NONE; overflow:auto; z-index: 3;}
</style>

<div class="addcom">
<center><br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="FRIENDIDHERE" type="hidden">

<textarea name="f_comments" style="width:200px;height:140px; border:2px solid;border-colorFF0000;background-color: transparent;color:AAd2d4;font-family: Arial;font-size: 12px;overflow:auto;" >
Type your comment in here.
</textarea>
<br>

<input type="image" src="http://img114.imageshack.us/img114/4809/submitblackyd5.gif"/>
</form>
</div>

WITHOUT BORDER

CODE

<style type="text/css">
.addcom { border:none; position: absolute; width:271px; height:202px;
top: 608px; left: 50%; margin-left: -114px; background-color: NONE; overflow:auto; z-index: 3;}
</style>

<div class="addcom">
<center><br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="FRIENDIDHERE" type="hidden">

<textarea name="f_comments" style="width:200px;height:140px; border:none;background-color: transparent;color:AAd2d4;font-family: Arial;font-size: 12px;overflow:auto;" >
Type your comment in here.
</textarea>
<br>

<input type="image" src="http://img114.imageshack.us/img114/4809/submitblackyd5.gif"/>
</form>
</div>

This post has been edited by Fawaz: Nov 6 2007, 07:07 PM