Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Danilo Colasso

Criar rolagem na table

Por , em Desenvolvimento frontend

Recommended Posts

Danilo Colasso    0

Danilo Colasso
Postado

Seguinte: Até consegui fazer uma barra de rolagem, mas ela fica muuuuito pequena, o width ta joia, porém o height aparentemente não está funcionando, pois independente do valor que coloco, fica o mesmo tamanho. :upset:

Segue o código:

<html>
   <head>
       <title>Teste primeira pagina</title>
       <style type="text/css">
           #menu{
               font-family:  "Times New Roman", arial, sans-serif;
           }
           #menu table{
               border: 1px;
               border-collapse: collapse;
               border-color: white;
               padding: 0;
           }
           #menu table tr td a{
               display: block;
               background-color: #d8dee8;
               text-decoration: none;
               font-weight: bold;
               color: slategrey;
               height: 30px;
               text-align: center;
               border: 1px solid #123680;
           }
           #menu table tr td a:hover{
               display: block;
               background-color: #edf0f5;
           }
           #menu table tr td div{
               background-color: #3b5996;
               color: white;
               font-size: 22px;
               height: 40;
           }
           table.cor{
               border-color: #123680;
               border:2px;
               border-collapse: collapse;
           }
           table tr td div.tamanho{
               width: 100%;
               height: 400px;
               overflow: auto;
           }
       </style>
   </head>
   <body>
       <table border="1" width="100%" cellpadding="0" class="cor">
           <tr>
               <td align="center">Cabecalho</td>
           </tr>
           <tr>
               <td>
                   <table border="1" width="100%" cellpadding="0" id="menu">
                       <tr>
                           <td width="20%"><table border="1" width="100%" cellpadding="0">
                                   <tr>
                                       <td><div align="center">Menu</div></td>
                                   </tr>
                                   <tr>
                                       <td><a href="index.php?link=1">Home</a></td>
                                   </tr>
                                   <tr>
                                       <td><a href="index.php?link=2">Inserir</a></td>
                                   </tr>
                                   <tr>
                                       <td><a href="#">Consultar</a></td>
                                   </tr>
                                   <tr>
                                       <td><a href="index.php?link=3">Alterar</a></td>
                                   </tr>
                                   <tr>
                                       <td><a href="#">Excluir</a></td>
                                   </tr>
                               </table>
                           </td>
                           <td>
                               <table border="1" width="100%" cellpadding="0">
                                   <tr>
                                       <td><div class="tamanho">
                                           <?php
                                               $link = $_GET["link"];
                                               $pag[1]="home.php";
                                               $pag[2]="cadastro.php";
                                               $pag[3]="selecionaalterar.php";
                                               $pag[4]="alterar.php";
                                               if(!empty($link))
                                               {
                                                   if(file_exists($pag[$link]))
                                                   {
                                                       include $pag[$link];
                                                   }
                                                   else
                                                   {
                                                       print "A pagna nao foi encontrada";
                                                   }
                                               }
                                           ?>
                                           </div></td>
                                   </tr>
                                   </table>
                           </td>
                       </tr>                        
                   </table>

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

   </body>
</html>

 

 

 

 

Ps.: Por ser iniciante, ainda tenho certas dificuldades que, creio eu, serão fáceis para a maioria...

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafael-tdc    13

rafael-tdc
Postado

você colocou o tamanho daquela div que vai a tabela, o mesmo do Menu selecionado na esquerda

 

você tem q colocar um estilo para cada, e setar o tamanho (height) para uns 205px fixo para criar a barra de rolagem

 

erroly.jpg

 

acho que ajuda :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito