[Resolvido] Celula TD

[vitinho.vitor 0]

Olá, sei que é uma pergunta muito boba, mas eu não me lembro como se faz. Lá vai:

 

Tenho 2 células TD, uma ao lado da outra, a da direita contém uma coluna grande e a da esquerda texto comum (menor que a coluna da direita). Esse texto da esquerda fica centralizado verticalmente na célula, e eu preciso que ele fique colado em cima e não no meio dela.

 

Como eu faço isso??

 

 

desde já agradeço

 

Vitor

[Thiago Retondar 18]

Mostre como está fazendo. :]

 

:thumbsup:

 

P.S.: Você está usando essa tabela para dados tabulares?

[vitinho.vitor 0]

Olá, segue a tabela:

 

<table border="0" width="1000">
<tr><td><font size="5" color="forestGreen">Esportes Radicais:<ul>
	<li><a class="titulo">Rafting</a><p class="desc">Em Brotas - SP</a></p></li>
	<li><a class="titulo"><p>Rapel</a></p></li>
	<li><a class="titulo"><p>Paraquedismo</a></p></li>
	<li><a class="titulo"><p>Paraglider</a></p></li><br>
<a onclick="showHide('Artistic');" style="cursor: pointer;"><font face='arial' color='forestGreen'>Viagem Tranquila:</font> <span id="Artisticspan"><font size="1" face="arial" color="forestGreen"><br>[+]</font></u><br></span></a><br />
<div id="Artistic" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;"><ul>
	<li><a href="http://www.estradas.com.br" target="_blank" class="titulo">Estradas.com.br</a><p class="desc">Confira a condição de todas as estradas do Brasil!</p></li>
	<li><a href="http://www.novadutra.com.br" target="_blank" class="titulo">Nova Dutra</a><p class="desc">Informações atualizadas sobre a condição da Via Dutra!</p></li>
	<li><a href="http://www.cetsp.com.br" target="_blank" class="titulo">CET SP</a><p class="desc">Confira  o fluxo de tráfego da cidade de São Paulo!</p></li>
	<li><a href="http://transito.rio.rj.gov.br" target="_blank" class="titulo">Trânsito Rio</a><p class="desc">Trânsito Online da cidade do Rio de Janeiro!</p></li>
</ul></div></td><td width="300"><center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></center></td></tr></table>

O que você quer dize com dados tabulares?

 

Desde já agradeço

Vitor

[Thiago Retondar 18]

Pense a planilha do Excel como dado tabular.

 

Dado tabular é uma informação que vai numa tabela.

 

Mostre uma print de qual o resultado final que deseja. Se este caso não se encaixa em uma tabela, seria legal fazer da maneira correta!

 

:thumbsup:

[vitinho.vitor 0]

Segue uma montagem bem simples de como é e como devia estar!

 

 

Obrigado à todos!

[Thiago Retondar 18]

Tá. Vamos lá. Está disposto a passar isso para um algo mais correto? Se sim, posso te ajudar.

 

:thumbsup:

[vitinho.vitor 0]

Claro que estou! Obrigado

[Thiago Retondar 18]

Tá aê:

 

HTML

 

<div id="conteudo"> <!-- Crio um elemento "div" com um atributo "id" cujo valor é "conteudo" -->  <h1>Conteúdo</h1> <!-- Crio um elemento "h1" (usado par título - de grande peso para o SEO) -->  <p>    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,     when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap     into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum    passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.  </p><!-- Crio um elemento "p" que recebe conteúdo deste bloco --></div><!-- Fecho div#conteudo --><div id="banner"><!-- Crio uma "div" por questões de organização -->  <img src="banner.jpg" alt="Banner da empresa XYZ" /> <!-- Crio um eleento que recebe o atributo "src" (recebe o caminho da imagem) e o "alt" (texto ALTernativo, caso a imaem não apareça) --></div><!-- Fecho div#banner -->

 

CSS

 

#conteudo{  width: 500px;  float: left;  border: 1px solid #000;  padding: 10px;}#banner{  width: 200px;  float: right;  border: 1px solid #000;  padding: 5px;}

 

 

Se você apenas copiar e colar, não vai funcionar como espera. Terá que colocar o HTML que postei dentro de uma div que englobe os dois.

 

:thumbsup:

[vitinho.vitor 0]

Obrigado pelo código, agora estou meio enrolado aqui e a noite tento e te dou um retorno!!

 

:joia:

 

Olá, o efeito ficou muito bom, mas dentro da DIV conteúdo eu tenho uma outra DIV abre e fecha que não está funcionando. E na tabela funcionava. Como eu faço para corrigir isso??

<html><head><style type='text/css'>#conteudo{  width: 500px;  float: left;  border: 1px solid #000;  padding: 10px;}#banner{  width: 300px;  float: right;  border: 1px solid #000;  padding: 5px;}</style><style>.titulo{	font-size:16px;	font-family:Arial,sans-serif;	font-weight:bold;	font-style:italic;	color:forestGreen!important;	cursor:pointer;	padding-bottom:2px!important;	list-style-type:none;}.desc{	font-size:12px;	font-family:Arial,sans-serif;	color:forestGreen!important;	cursor:pointer;	padding-bottom:2px!important;}</style></head><body><div id="tudo"><div id="conteudo"> <!-- Crio um elemento "div" com um atributo "id" cujo valor é "conteudo" -->  <h1>Conteúdo</h1> <!-- Crio um elemento "h1" (usado par título - de grande peso para o SEO) -->  <p>    <font size="5" color="forestGreen" face="arial">Esportes Radicais:<ul>	<li><a class="titulo">Rafting</a><p class="desc">Em Brotas - SP</a></p></li>	<li><a class="titulo"><p>Rapel</a></p></li>	<li><a class="titulo"><p>Paraquedismo</a></p></li>	<li><a class="titulo"><p>Paraglider</a></p></li><br><a onclick="showHide('Artistic');" style="cursor: pointer;"><font face='arial' color='forestGreen'>Viagem Tranquila:</font> <span id="Artisticspan"><font size="1" face="arial" color="forestGreen"><br>[+]</font></u><br></span></a><br /><div id="Artistic" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;"><ul>	<li><a href="http://www.estradas.com.br" target="_blank" class="titulo">Estradas.com.br</a><p class="desc">Confira a condição de todas as estradas do Brasil!</p></li>	<li><a href="http://www.novadutra.com.br" target="_blank" class="titulo">Nova Dutra</a><p class="desc">Informações atualizadas sobre a condição da Via Dutra!</p></li>	<li><a href="http://www.cetsp.com.br" target="_blank" class="titulo">CET SP</a><p class="desc">Confira  o fluxo de tráfego da cidade de São Paulo!</p></li>	<li><a href="http://transito.rio.rj.gov.br" target="_blank" class="titulo">Trânsito Rio</a><p class="desc">Trânsito Online da cidade do Rio de Janeiro!</p></li></ul></div>  </p><!-- Crio um elemento "p" que recebe conteúdo deste bloco --></div><!-- Fecho div#conteudo --><div id="banner"><!-- Crio uma "div" por questões de organização --><img src="xxxx" alt="xxx" /> <!-- Crio um eleento que recebe o atributo "src" (recebe o caminho da imagem) e o "alt" (texto ALTernativo, caso a imaem não apareça) --></div><!-- Fecho div#banner --></div></body></html>

Desde já agradeço

Vitor

 

Esqueçam!! funcionou tudinho!!!

 

Muito obrigado por me mostrar a forma correta!!!

 

 

 

Abraços

Vitor

[angelorubin 142]

Boa tarde,

 

Desculpe, mas o que seria uma div abre e fecha?

[vitinho.vitor 0]

Quando você clica num link ela abre o conteudo e quando clica de novo ela oculta o conteudo!

:joia:

[Thiago Retondar 18]

Isso seria com JavaScript. Faça algo assim:

 

CSS

.open{ display: block; }.close{ display: none; }

JavaScript

function toggle(object, target){    object.onclick = function(){        if(target.getAttribute("class") == "close")            target.className = "open";        else if(target.getAttribute("class") == "open")            target.className = "close";    };}//Para chamar a função:window.onload = function(){    toggle("elemento_que_vai_receber_o_click", "elemento_que_vai_receber_a_ação_de_fechar_e_abrir");};

Não testei nenhum código, mas deve funcionar. A lógica é essa.

 

:thumbsup:

[vitinho.vitor 0]

Ja consegui! Obrigado mesmo!!

 

 

Abs