Inserindo a displaytag na barra de rolagem.

A regra CSS a ser aplicada no elemento div é mostrada abaixo:

div {
width:800px; (Largura)
height:400px; (Altura)
overflow: auto; (Inserir a barra automaticamente quando ultrapassadas as medidas acima)

}

E, quem constrói a barra de rolagem é a regra overflow.

E, a seguir o código completo para você copiar e colar no seu editor e fazer mudanças para entender como colocar uma barra de rolagem.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
	Transitional//EN">
<html>
<head>
<title> Scroll dentro de uma célula de tabela</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<head>
<style type="text/css">
<!--
table {
border-collapse:collapse;
border:2px solid #FF0000;
background-color:#FFFFFF;
}
td {border:1px solid #003366;
color:#cccccc;
}
td div {
color:#FF0000;
padding:5px;
width:200px;
height:100px;
overflow:auto;
}
-->
</style>
</head>
<body>
	<table>
 <tr>
    <td>célula</td>
    <td>célula</td>
    <td>célula</td>
 </tr>
 <tr>
   <td>célula</td>
   <td><div>Como faço pra colocar uma barra de rolagem
dentro de uma celula preciso disso com urgencia obrigado.
Como faço pra colocar uma barra de rolagem dentro de uma
celula preciso disso com urgencia  obrigado. Como faço
pra colocar uma barra de rolagem dentro de uma celula
preciso disso com urgencia  obrigado. Como faço pra
colocar uma barra de rolagem dentro de uma celula preciso
disso com urgencia  obrigado.
</div>
	 </td>
   <td>célula</td>
 </tr>
 <tr>
   <td>célula</td>
   <td>célula</td>
   <td>célula</td>
 </tr>
</table>
</body>
</html>

Fonte: http://maujor.com/dicas/tdscroll.php

No comments yet.