Winamp & Shoutcast Forums - Question about textarea in a table

Winamp & Shoutcast Forums (http://forums.winamp.com/index.php)

- General Discussions (http://forums.winamp.com/forumdisplay.php?f=1)

- - Question about textarea in a table (http://forums.winamp.com/showthread.php?t=331146)

Question about textarea in a table

Is it possible to the textarea use all the space available in a table celll?
Even is resize, update, etc.

Thanks!

^ Sorry, Joel, but do you mean in an Excel?:confused:

I think he means HTML.

But... can I ask why you're wanting to put a textarea in a table?

I have just tried with pure css, but I had no luck (I'll be a bit miffed if you can't); it's certainly doable with Javascript though.

He might need it for laying out a form QOAL?

Quote:

Originally Posted by Widdykats (Post 2777395)

^ Sorry, Joel, but do you mean in an Excel?:confused:

yup, sorry widdy is for a html page I'm working at, here is part of the code:

code:


<tr>

<td>Calificaci&oacute;n</td>

<td>Frecuencia</td>

<td rowspan="7"><textarea name="objSalida" cols="2" rows="2"></textarea></td>

</tr>

see the rowspan? I need the textarea to fill the spaces of the cell...

Me
v
v

*somone smart will be along, directly!:D

code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>

		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

		<meta http-equiv="X-UA-Compatible" content="IE=99" />

		<title>tabel/textarea</title>

		<style type="text/css">

			table {

				background: #d0f0d0;

			}

			#objSalida {

				background: #f0d0d0;

				padding:0 2px 0 0;

				height: 100px; /* set the start height of the cell, a height is needed for this to work */

			}

			textarea {

				min-width: 100%;

				min-height: 100%;

				width: 100%;

				height: 100%;

				display: block;

				margin: auto;

				padding: 0;

			}

		</style>

	</head>

	<body>

		<table border="1" style="background-color:#FFFFCC">

			<tr>

				<td>Calificaci&oacute;n</td>

				<td>Frecuencia</td>

				<td rowspan="7" id="objSalidaHost"><textarea name="objSalida" cols="2" rows="2"></textarea></td>

			</tr>

		</table>

	</body>

</html>

Something like that?
It should be some help at least.

@QOAL: Thanks it helps:

code:


textarea 

{

	display: block;

	width: 100%;

	height: 100%;

	margin: auto;

	padding: 0;

}

Tables have padding and spacing you can set. It's not zero by defauit. Sometimes you feel like a style sheet.....