Criar uma Barra de Rolagem na Tabela

[AerSoftware 0]

Oi pessoal, tudo bem? Espero que sim.

 

Não sei se seria correto esse tópico estar aqui, mas como to fazendo o site em php, postei.

 

É o seguinte, to fazendo uma página de teste junto com uns amigos e surgiu uma dúvida?

 

A página ta aqui: Página

 

Mas é assim, essa tela só aparece quando, no menu principal for clicado no link "Sobre Série".. aí eu crei uma outra página igual de nome "sobre.php" e na coluna da tabela ao lado eu chamei a página "sobre.html" pra aparecer o texto específico. Só que o texto aumenta toda a tabela. Gostaria de saber se tem como fazer o texto ficar na tabela de tamanho determinado já, e se ele for maior, criar uma barra de rolagem pra ler todo, sem mexer na estrurua do site. Como dá pra ver, a tabela de menu vai lá pra baixo junto, ficando centralizada.

 

Tem como fazer isso?

 

 

 

Allan Elias Ramos

[Castor Jr. 0]

bom o local ideal para sua solução seria na area de javscript ... mas enfim tenta colocar numa div determina o tamanho fixo para a div ... coloca a tabela dentro da div exemplo.<div style="width:300px; height: 200px; overflow: auto;"><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1 </h1><h1> Teste1</h1><h1> Teste1 </h1></div>abraço

[AerSoftware 0]

Como funcionaria essa área Javascript?Allan Elias Ramos

[Castor Jr. 0]

eh o forum de desenvolvimento aki do imasters segue o link:

 

http://forum.imasters.com.br/index.php?showforum=6

[ava.rj 0]

Cria um IFRAME dentro da célula da tabela que irá abrir o conteudo.Sabe trabalhar com IFRAMNE's?[]s

[Perfect Lion 10]

Pessoal é simples criar barra de rolagem dentro de uma tabela... sem usar o inframe

 

Faz assim.

 

Crie uma tabela

<table><tr><td></td></tr></table>

Depois coloque um

dentro dessa tabela

 

<table><tr><td>  <div></div></td></tr></table>

 

Pronto agora vamos ao css...

 

no css crie isso

.divrolagem {/* define barra de rolagem automatica quando o conteudo ultrapassar o limite em x ou y */	overflow: auto; /* define o limite maximo da autura do div */	height: 100px;/* define o limite maximo da largura do div */	width: 100px;}[code]Bem feito isso agora voltamos ao nossa tabela com o div.no dive define a class "divrolagem".. ficando assim[code]<table><tr><td>  <div class="divrolagem">conteudo aqui</div></td></tr></table>

Pronto agora faça o teste coloque algo que ultrapasse os limites de x e y que você vera o resultado....

 

Essa é a forma correta hoje aceita pelo W3c de se usar barra de rolagem dentro de uma tabela...

 

até mais espero ter ajudado

[AerSoftware 0]

Valeu Perfect Lion, funcionou perfeitamente.

 

Uma pergunta só. Tem como colocar nesse div um tamanho pra ele começar o texto no topo? Tipo, ele começa bem rente a tabela. Tem como definir um tamanho pequeno só pro texto não começar bem rente a tabela? Pra ficar um tamanho padrão..

 

Valeu..

 

Abraços..

 

 

Allan Elias Ramos http://forum.imasters.com.br/public/style_emoticons/default/joia.gif