[Resolvido] Deixar celula da tabela com tamanho fixo

[Gabriel Palucoski 1]

Boa tarde gostaria de saber como deixar o tamanho da celula fixa, nao importando a quantidade de texto que existe dentro dessa célula. Obrigado

[Thiago Retondar 18]

Se não me engano, mesmo você definindo um width ela aumenta, não é? Basta definir, então, um a propriedade overflow.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Tytonn 0]

Olá Gabriel,

Olha só se você quer q fique tamanho fixo apenas na horizontal você pode usar:

<td style="width:200px;"> texto </td>

mas, se você precisa q fixo horizontal e vertical sugiro usar dentro da celula um div com scroll

 

espero ter ajuadado.

 

segue uma tabela com os dois exemplos.

 

 

<table border="1" >
	<tr>
		<td  style="width:200px;"> teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td style="width:200px;">
			<div style="width:100%; height:80px; overflow:auto;">
				teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste
			</div> 
		</td>
	</tr>
</table>

[Nícolas 4]

Aproveitando o código do Tytonn com algumas melhorias.

 

CSS

.celula_fixa {
	   width: 200px;
	   height: 80px;
	   overflow: auto;
}

HTML

<table border="1" >
	<tr>
		<td class="celula_fixa">teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
</table>

Ou se for em todas as celulas

 

CSS

.tb_celula_fixa td {
	   width: 200px;
	   height: 80px;
	   overflow: auto;
}

HTML

<table border="1" class="tb_celula_fixa">
	<tr>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
	<tr>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
</table>

 

Ou se for uma linha inteira

 

CSS

.linha_celula_fixa td {
	   width: 200px;
	   height: 80px;
	   overflow: auto;
}

HTML

<table border="1">
	<tr class="linha_celula_fixa">
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
	<tr>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
	<tr>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
	<tr class="linha_celula_fixa">
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
		<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
	</tr>
</table>

Abraço

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Gabriel Palucoski 1]

Cara muito obrigado, consegui resolver, obrigado á todos...