rolagem horizontal

[shumi 0]

Galera,beleza?Gostaria de fazer uma coisa que não sei se é possivel, assim, tenho um tabela onde tenho um fundo, essa tabele tem uma coluna e uma linha e tem o tamanho grande. e tenho 12 produtos que preciso inserir nessa tabela, mas desses 12 só cabem 6 ai gostaria de fazer uma rolagem vertical onde somente os produtos rolassem. tipo o fundo fica totalmete parado e o cara clica na rolagem e somente os produtos se movem, tem como????Abs

[pa_bruno 0]

soh colocar a propriedade fixed no background... pesquise isso ae... ;)

http://www.w3schools.com

[shumi 0]

pa_bruno,mas seria uma rolagem apenas dentro da minha tabela não queria que a tela inteira se mexesse, queria que ficasse a rolagem apenas dentro da minha coluna!Tem como fazer somente uma coluna rolar na vertical?Abs

[shumi 0]

Galera o que queria fazer é inserir isso:

 

<div class="div">			<table width="1198" border="1">			  <tr>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="bolacha_chopp.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="banner_aereo.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>			  </tr>			  <tr>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>			  </tr>			  <tr>				<td height="80" width="90"><center>				  <img src="bandeirola.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="cartazete.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="guia_chopp_brahma.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>				<td height="80" width="90"><center>				  <img src="adesivo_banheiro.jpg">				</center></td>			  </tr>			  <tr>				<td height="25"> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>				<td> </td>			  </tr>			</table>		</div>

dentro de uma tabela assim

 

<table><tr><td width="792" height="561">AQUI!!!</td></tr></table>

Mas que não estore o "td" e se estourar, que concerteza vai, apareça uma rolagem horizontal.

Tipo sei que tenho que criar uma class e chamar onde quero com o div, mas como seria essa classe???

Valeu

[shumi 0]

Alguem poderia dar uma maozinha aqui, por favor ?!?

[micox 2]

Se você quer que a tabela inteira role, tenta colocar ela numa div e habilitar a overflow:scroll na div.Se você quer que uma coluna inteira (e apenas ela) tenha scroll aí já complica mais um pouco: Voce terá que quebrar a tabela em 2, ou seja, essa coluna será outra tabela. Daí você coloca essa tabela_1_coluna dentro de uma div e usa o overflow:scroll.

[shumi 0]

Micox,Gostaria de fazer igual a esse tópico, mas ao inves de ser na vertical é na horizontal. eu fiz a classe assim:divhorizontal { color:#000000; padding:5px; width:120px; height:380px; overflow:scroll vertical-align:super;ta certo?Abs

[micox 2]

Scroll horizontal já é mais complicado pois você terá que definir a largura (width) da table que ficará dentro da sua divhorizontal, mas é isso aí mesmo.

[shumi 0]

Micox,

 

Veja como fiz:

 

<table width="683" height="375" border="0">		  <tr>			<td height="50"><div align="center"><span class="textocima"><br>			  3. MATERIAIS DE MERCHANDISING</span><br>			<span class="observacima"><strong>			Selecione os materiais de seu interesse e a quantidade.</strong></span></div></td>		  </tr>		<tr>			<td height="319"><div class="divhorizontal">  <table width="961" border="1">	<tr>	  <td height="80" width="196"><center>		<img src="adesivo_banheiro.jpg" />	  </center></td>	  <td height="80" width="130"><center>		<img src="bolacha_chopp.jpg" />	  </center></td>	  <td height="80" width="90"><center>		<img src="banner_aereo.jpg" />	  </center></td>	  <td height="80" width="113"><center>		<img src="camisa_.jpg" width="113" height="109">	  </center></td>	  <td height="80" width="196"><center>		<img src="clipe_de_cardapio.jpg" width="63" height="160" />	  </center></td>	  <td height="80" width="196"><center><img src="mobile.jpg" width="130" height="102" /></center>	  </td>	</tr>	<tr>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	</tr>	<tr>	  <td height="80" width="196"><center>		<img src="bandeirola.jpg" />	  </center></td>	  <td height="80" width="130"><center>		<img src="cartazete.jpg" />	  </center></td>	  <td height="80" width="90"><center>		<img src="guia_chopp_brahma.jpg" />	  </center></td>	  <td height="80" width="113"><center>		<img src="lingueta.jpg" width="63" height="160" />	  </center></td>	  <td height="80" width="196"><center>		<img src="moldura.jpg" width="196" height="196" />	  </center></td>	  <td height="80" width="196"><center>		<img src="moldura_telao.psd.jpg" width="196" height="196" />	  </center></td>	</tr>	<tr>	  <td height="25"> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	</tr>  </table></div></td>		</tr>		</table>		</center>		</td>	  </tr>	</table>

Mas não funfa! http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

[micox 2]

Jisuiscristin, fiquei até com medo desse código cheio de oldtag.

 

Mas já de cara não ví ninguem com overflow:scroll, nem muito menos descobri quem voce quer que tenha rolagem horizontal.

 

Ah. e já aproveitando a oportunidade, salve-se, ainda é tempo. Aproveite melhor seu tempo (você não vai levar nem 5 minutos pra ler e garanto que vai mudar sua vida): http://www.plasmadesign.com.br/stupidtables/everything.html

 

Amén...

[shumi 0]

hehehehehehehhe

Micox,

Vcs tem que ver que eu to mudando bastante!

Antes ficava no <font face="arial" size="5" color="blue"> e ficava fazendo isso várias vezes...

Mas ai um tempinho atrás surgiu uma dúvida e perguntei pra vcs aqui nesse fórum e vcs me falaram sobre o novo padrão, ai comecei a estudar e mudar aos poucos, não tem como mudar de uma hora pra outra, pois não tenho muito tempo para estudar, tenho que aprender fazendo mesmo. ai esse sisteminha que estou fazendo comecei a trabalhar com classes assim como vcs me falaram, igual isso que você ta me ajudando eu criei um arquivo chamado "estido.css" e veja como esta esse arquivo:

 

<style type="text/css"><!--body{	background-color: #000000;	}	.texto10 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000100;		}		.texto11 {	font-family: Arial, Helvetica, sans-serif;	font-size: 15px;	color: #1F4F99;	}	.texto11 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	color: #464646;	}	.textocima {	font-family:Arial, Helvetica, sans-serif;	color:	#214B97;	font-size: 20px;	}	.observacima {	font-family:Arial, Helvetica, sans-serif;	color: #FF0000;	font-size:12px;	}divhorizontal {	color:#000000;	padding:5px;	width:120px;	height:380px;	overflow:scroll;	}	-->  </style>

ai esse script que preciso da rolagem horizontal está assim:

 

<table width="683" height="375" border="0">		  <tr>			<td height="50"><div align="center"><span class="textocima"><br>			  3. MATERIAIS DE MERCHANDISING</span><br>			<span class="observacima"><strong>			Selecione os materiais de seu interesse e a quantidade.</strong></span></div></td>		  </tr>		<tr>			<td height="319">	  <table width="1052" border="1"><div class="divhorizontal">	<tr>	  <td height="80" width="287"><center>		<img src="adesivo_banheiro.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="bolacha_chopp.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="banner_aereo.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="camisa_.jpg" width="113" height="109">	  </center></td>	  <td height="80" width="287"><center>		<img src="clipe_de_cardapio.jpg" width="63" height="160" />	  </center></td>	  <td height="80" width="287"><center><img src="mobile.jpg" width="130" height="102" /></center>	  </td>	</tr>	<tr>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	</tr>	<tr>	  <td height="80" width="287"><center>		<img src="bandeirola.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="cartazete.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="guia_chopp_brahma.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="lingueta.jpg" width="63" height="160" />	  </center></td>	  <td height="80" width="287"><center>		<img src="moldura.jpg" width="196" height="196" />	  </center></td>	  <td height="80" width="287"><center>		<img src="moldura_telao.psd.jpg" width="196" height="196" />	  </center></td>	</tr>	<tr>	  <td height="25"> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	</tr></div>  </table></td>		</tr>		</table>		</center>		</td>	  </tr>	</table>

aonde tenho que inserir a rolagem horizontal a classe chama-se divhorizontal

e ela comeca em minha tabela aqui:

 

</tr><tr><td height="319"><table width="1052" border="1"><div class="divhorizontal">	<tr>

Eu prometo que vou estudar a fazer as "tabelas" de outra forma agora!

Mas veja que já comecei a mudar criando classes para texto.

 

Tem como você me dar um help para resolver essa bendita rolagem caro Micox?!?

 

Abraços e valeu!!!

[micox 2]

aHNNNN , agora melhorou meu entendimento...

 

Pra corrigir, é só você passar a tag inicial da table pra dentro da div.

 

No começo vai ficar assim:

<div class="divhorizontal">  <table width="1052" border="1">  <tr>

E no fim vai ficar assim:

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

Simplão, testae...

 

PS.: Ah e o link que passei é muuito bom, principalmente pra quem não tem tempo como voce, pois ele resume a bagaça de standards bem resumido...

[shumi 0]

Testei Micox e não funfou! :blink:

 

veja como esta agora:

 

<div class="divhorizontal">  <table width="1052" border="1">  <tr>	 <td height="80" width="287"><center>		<img src="adesivo_banheiro.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="lingueta.jpg" width="63" height="160" />	  </center></td>	  <td height="80" width="287"><center>		<img src="banner_aereo.jpg" />	  </center></td><td height="80" width="287"><center>		<img src="moldura.jpg" width="196" height="196" />	  </center></td> <td height="80" width="287"><center><img src="clipe_de_cardapio.jpg" width="63" height="160" /> </center> </td>	  <td height="80" width="287"><center>		<img src="moldura_telao.psd.jpg" width="196" height="196" />	  </center></td>	  	</tr>	<tr>	  <td><span class="texto10">Adesivo de Banheiro</span></td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	</tr>	<tr>	  <td height="80" width="287"><center>		<img src="bandeirola.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="cartazete.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="guia_chopp_brahma.jpg" />	  </center></td>	  <td height="80" width="287"><center>		<img src="bolacha_chopp.jpg" />	  </center></td>	<td height="80" width="287"><center>		<img src="camisa_.jpg" width="113" height="109">	  </center></td>	  <td height="80" width="287"><center>		<img src="mobile.jpg" width="130" height="102" />	  </center></td>	</tr>	<tr>	  <td height="21"> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	  <td> </td>	</tr>  </table></div>

 

e não funfa!

 

Será que não tenho que mudar algo na minha classe?

 

Ps:

Vou ler o link que você me passou hoje a noite! já até mandei para meu e-mail pessoal.

Se tiver mais algum link pratico pode me mandar que eu leio.

 

Olha Micox,

Seria mais ou menos isso, mas na horizontal:

 

http://forum.imasters.com.br/index.php?sho...9421&hl=rolagem http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

 

MICOX,

CONSEGUI!!!!!!!!!!!

 

Valeu cara!!!

 

Sabe o que era?

 

um filho da mãe de um ponto (.)

 

na minha classe tava assim:

 

divhorizontal {	color:#000000;	padding:5px;	width:700px;	height:300px;	overflow:scroll;	}

ai fiz assim:

 

.divhorizontal {	color:#000000;	padding:5px;	width:700px;	height:300px;	overflow:scroll;	}

 

e funfou!!!

 

Valeu!

[micox 2]

Valeu cara!!!Sabe o que era?um filho da mãe de um ponto (.)

Ha. Puts!Falta de atenção nossa heim. heheh

[shumi 0]

o mais engraçado é que nos matamos e meu dir. de Arte me falou que prefere a rolagem na vertical e ele que tinha me passado na horizontal! mas beleza pelo menos na vertical eu já sei! rsAbraços e Valeu!