rafaeldorazio 2 Denunciar post Postado Fevereiro 24, 2011 http://img215.imageshack.us/i/gridj.jpg/ Em alguns grids, quando estouram a largura, cria-se uma scroll na horizontal, mas no meu código, não está acontecendo isso, na coluna do Endereço, está quebrando para a linha de baixo. Como se faz para ter a scroll na horizontal ? .conteudo{ height: 23px; /*border-bottom: 1px solid #E3E3E3;*/ background-image: url('img/header/header_left.png'); background-repeat: no-repeat; font-family: Arial; font-size: 11px; text-align: center; /* CENTRALIZA TEXTO */ line-height: 23px; padding-left: 15px; padding-right: 15px; } <tr> <td class="conteudo">1</td> <td class="conteudo">Golive Business</td> <td class="conteudo">Golive Business</td> <td class="conteudo">Rua Juvêncio de Araujo Figueiredo 439</td> <td class="conteudo">Vila Perus</td> <td class="conteudo">São Paulo</td> </tr> Compartilhar este post Link para o post Compartilhar em outros sites
Vinicius Weber 0 Denunciar post Postado Fevereiro 24, 2011 Simples para ter scroll horizontal é só acrescentar isso.. overflow:scroll; overflow-y:hidden lembrando que deve estar definido o tamnho dele (Width) Espero ter ajduado Compartilhar este post Link para o post Compartilhar em outros sites
rafaeldorazio 2 Denunciar post Postado Fevereiro 24, 2011 Vinicios, eu coloquei 98% na table, mas nao está dando scroll Compartilhar este post Link para o post Compartilhar em outros sites
angelorubin 142 Denunciar post Postado Fevereiro 24, 2011 Bom dia, Na vertical da para fazer assim: CSS <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> XHTML <table> <tr> <td>célula</td> <td>célula</td> <td>célula</td> </tr> <tr> <td>célula</td> <td> <div> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </div> </td> <td>célula</td> </tr> <tr> <td>célula</td> <td>célula</td> <td>célula</td> </tr> </table> FONTE:Clique aqui Espero que ajude. Compartilhar este post Link para o post Compartilhar em outros sites
rafaeldorazio 2 Denunciar post Postado Fevereiro 25, 2011 ANGELORUBIN, desse modo o ovverflow só correrá na td, eu queria que ocorrece na table toda Compartilhar este post Link para o post Compartilhar em outros sites
angelorubin 142 Denunciar post Postado Fevereiro 25, 2011 Bom dia, É só você colocar a div no lugar que necessitar da tabela que ocorrerá o mesmo efeito. Se não for isso, creio que não entendi bem a dúvida então. Compartilhar este post Link para o post Compartilhar em outros sites
rafaeldorazio 2 Denunciar post Postado Fevereiro 25, 2011 suponhamos que há 3 colunas, e uma delas deveria crescer para direita mas está indo para a linha de baixo. QUando crescer para o lado deveria colocar uma scroll na table toda está da seguinte forma: http://img815.imageshack.us/i/imagemdh.jpg/ e eu queria que estivece assim ( veja que tem uma faixa preta, está faixa seria a scroll que preciso fazer ): http://img97.imageshack.us/i/scrolly.jpg/ Compartilhar este post Link para o post Compartilhar em outros sites
alcaidedigital 57 Denunciar post Postado Fevereiro 28, 2011 Lembrando que você deve colocar nowrap na sua td, para que o conteudo não vá para baixo... ex: <td nowrap="nowrap">Seu texto aqui, dentro da td, com o atributo nowrap para não correr o risco o conteúdo descer...</td> Compartilhar este post Link para o post Compartilhar em outros sites