Texto dentro da td está indo para a linha de baixo

[rafaeldorazio 2]

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>  

[Vinicius Weber 0]

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

[rafaeldorazio 2]

Vinicios, eu coloquei 98% na table, mas nao está dando scroll

[angelorubin 142]

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.

[rafaeldorazio 2]

ANGELORUBIN, desse modo o ovverflow só correrá na td, eu queria que ocorrece na table toda

[angelorubin 142]

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.

[rafaeldorazio 2]

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/

[alcaidedigital 57]

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>