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]

Change You Code To This

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"  style="width:270px;height:202px; border:none;background-color: transparent;color:AAd2d4;font-family: Arial;font-size: 12px;overflow:auto;" >
Type your comment in here.
</textarea>

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

To Change The Width And Height Of The Textarea Edit The Red.


This post has been edited by Fawaz: Nov 5 2007, 09:03 PM

[protos]

yes, I know that. but the real question it what to change it too.

put the code in somewhere and you'll see what I mean

[newkidontheblock]

I Don't No What You Mean By Put The Code In Somewhere. But You Can Change It To

CODE

width:100px;height:50px;

You See Can Change Code To Make The Number Smaller Or Larger To Suit You Needs...

[digitalfragrance]

yes, I know that. but the real question it what to change it too.

put the code in somewhere and you'll see what I mean

Can't you just change it to the size of your image? Or am I misunderstanding you?

[protos]

sorry, about not explaining it fully hope this helps:



the problem is that the "textarea" won't fit the dimensions of the "form" without creating a scrollbar. That is the whole focus of my problem. Link to a page w/ example

[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

[protos]

exactly but I'd like the textarea to fill up the div. not have giant margins