Chat and CSS

I have a chat that has an input field of 1 (one) line. When people want to copy/paste text that has maybe 3 lines, it only pastes the first line. I asked the owner from where I got the chat how to do this and his reply was: easy, change input to textarea, only problem is, you would have to design the entire page again ?!?!?!?

Anyway, I want multiple lines instead of one and here is the CSS sheet:

body{padding:0px;margin:auto;color:#000;background-color:#666}
td,p,div{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-align:left}
input,select{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:1px solid #000;color:#000;background-color:#999;}
img{border-width:0px}

A:link{color:#000;background-color:transparent}
A:visited{color:#fff;background-color:transparent}
A:hover{color:#CCFF99;background-color:transparent;text-decoration:none}
A:active{color:#CCFF99;background-color:transparent}

.top_area{color:#fff;background-color:#666;background-image:url(images/bg.png);border-bottom:1px solid #000;position:fixed;top:0px;left:0px;width:100%;height:60px;overflow:hidden}
.chat_area{position:fixed;top:90px;left:1%;width:78%;bottom:50px;overflow:hidden}
.online_area{position:fixed;top:90px;right:1%;width:18%;bottom:60px;overflow:hidden;background-color:#999;color:#CCFF99;border:1px solid #000;white-space:nowrap}
.online_title{color:#000;background-color:#333;background-image:url(images/bg.png);font-size:11px;font-weight:bold;padding:6px;border-bottom:1px solid #000}
.online_list{font-size:10px;font-weight:bold;text-decoration:none;padding:10px}
.bottom_area{color:#fff;background-color:#333;background-image:url(images/bg.png);border-top:1px solid #000;position:fixed;bottom:0px;left:0px;width:100%;height:40px;overflow:hidden}

.buttons_div{float:left;margin-left:5px;margin-top:25px;white-space:nowrap}
.history_div{position:fixed;top:75px;left:1%;font-weight:bold}
.smilies_div{position:fixed;bottom:40px;width:260px;right:5%;overflow:hidden;background-color:#666;color:#fff;border:1px solid #000;padding:8px}
.timezone_div{position:fixed;bottom:40px;right:5%;overflow:hidden;background-color:#666;color:#fff;border:1px solid #000;padding:8px;white-space:nowrap}

.login_table{margin:auto;padding:0px;border:1px solid #000}
.titles{color:#000;background-color:#666;background-image:url(images/bg.png);font-size:11px;font-weight:bold;padding:10px}
.cells{color:#fff;background-color:#999;padding:8px}

.indicator{position:fixed;bottom:10px;left:2px;font-size:10px}
.emoticons{borderx solid #fff;width:16px;height:16px;padding:1px}
.color_squares{width:10px;height:10px;float:left;margin:1px;padding:0px;border:1px solid #000}
.biu_inactive{border:2px solid #aaa}
.biu_active{border:2px solid #CCFF99}

Can I do this and can someone please explain how? Help very much appreciated

 

got a link to your site? It would be easier to tell you that way.

Regards,
Nick

 

The speech icon on the right is the chat (Best viewed with Forefox or Opera)

http://zabref.bamboogi.com/mafia/logged_in.php

Code (markup):

 

Edit the file blab.php and take the following line out:

<input type="text" size="25" style="width:100%" id="ln" value="" maxlength="150" />

HTML:

and instead add

<textarea id="ln"></textarea>

Code (markup):

That should do it. Style #ln for the height and width that you want it to be.


Regards,
Nick