valign em td

[expressdual 0]

olá a todos, tenho uma datalist em que no itemTemplate defini uma tabela com uma linha e duas colunas.

numa coluna tem um texto e na outra uma imagem, acontece que no IE funciona bem o texto e a imagem aparecem alinhdas no topo, mas no FF, a imagem está alinhada verticalmenta no topo mas o texto não, existe um espaçamento entre o texto e o topo da td, já experimentei tudo o que sei e nada. na tabela defini cellspacing="0", mas continua com o espaçamento.alguém tem ideia qual será o problema?

[Thiago Retondar 18]

Coloque o link do site. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[expressdual 0]

olá, o site que estou a desenvolver encontra-se num servidor na empresa onde trabalho que não está disponível para o exterior.tendo em conta o primeiro post não me podiam dar alguma indicação?

[Thiago Retondar 18]

Só com as informações que você colocou não da para achar uma solução. Poderia, então, colocar o XHTML e CSS?

[expressdual 0]

olá, aqui vai:

<div id="divCentral" runat="server">			
	<asp:DataList ID="DataListConteudoPrincipal"   
		runat="server" 
		Visible="True"								 
		GridLines="None" 
		RepeatDirection="Vertical" 
		BorderWidth="0">								   
		<HeaderTemplate></HeaderTemplate>
		<ItemTemplate> 
			<div id="divCentralConteudo">					 
			  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:Lime;">
				<tr>
					<td valign="top" class="tipoLetraText">									
						<asp:Label runat="server" Text='<%#Container.DataItem("TITULO")%>'/>									
					</td>
					<td valign="top">
						<img alt='<%# DataBinder.Eval(Container.DataItem, "TITULO") %>' src="images/thumbs/<%# DataBinder.Eval(Container.DataItem, "THUMBNAILURL") %>"/>
					</td>
				</tr>													
			  </table>
			</div>
		</ItemTemplate>
		<FooterTemplate>
		 <div id="divFooterTemplate">
			 <asp:ImageButton  CausesValidation="false"  ID="ImgLerMaisContPrincipal" runat ="server" ImageUrl="~/images/imgLerMais.jpg"/>
		 </div>					   
		</FooterTemplate>
	</asp:DataList>
 </div>

css:

#divCentralcont
{
 position:relative;  
 vertical-align:top;
 width:607px;
 top:-1px;
 margin:0px;
 left:20px;
 text-align:justify;
 
}
#divCentralConteudo
{
 position:relative;
 width:566px;
 top:10px;
 margin :0px;
 left:10px; 
}
.tipoLetraText 
{   
 
	 /*vertical-align:top;*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
	 text-align:justify;  
	 padding-right:4px;  
}

[Thiago Retondar 18]

expressdual,

 

nem todos rodam ASP, e por isso não adianta eu colocar qualquer imagem e texto no XHTML. Não poderia disponibilizar um link do seu site? Aliás, se está fazendo um site, uma hora vai ter de colocar na internet. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Percebi que você usou vertical-align: top em um elemento de bloco. Essa propriedade não funciona em elementos de bloco, tal como a #divCentralcont que você usou. Vou te indicar um excelente artigo sobre o vertical-align:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.brunodulcetti.com/blog/2007/01/...r-que-usar.html

 

Abraços.

[Alexandre_Cruz 4]

Só para quebrar um galho, eu tenho um servidor que roda desde HTML.. php.. até ruby on rails (nunca vi isso asuhsau)

Caso queiram (um dos 2) eu posso disponibilizar um ftp por uns dias para testarem. Qualquer coisa enviem-me um e-mail, não estou mais ativo no fórum

alexandrecruz94@hotmail.com

[expressdual 0]

olá Thiago, até tenho vergonha de referir a razão porque no firefox o texto não estava alinhado verticalmente ao topo. depois de varias tentativas, verifiquei que na base de dados, no texto tenho a tag <p>.o ie parece que a ignorava mas o firefox não.pelo menos este problema já nao existe, tenho outros de imcompatibilidade entre browsers que nao sei como resolver.vou ler com atenção esse artigo que me indicou, e aproveito para perguntar o que são elementos de bloco. quanto a disponibilizar um link do site, ele vai ser disponibilizado, mas é o meu patrão que trata disso.

 

Por ultimo, Alexandre_Cruz, obrigado pela disponibilidade, é possível que um dia destes aceite a sua proposta.

 

obrigado a todos.

[Thiago Retondar 18]

expressdual,

 

Existem três tipos de elementos. Os de blocos, os inline e os invisíveis.

 

Bloco http://forum.imasters.com.br/public/style_emoticons/default/seta.gif utilizam toda sua largura disponível e criam uma linha "em branco" antes e depois dele. Elementos de blocos http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://htmlhelp.com/reference/html40/block.html.

 

Inline http://forum.imasters.com.br/public/style_emoticons/default/seta.gif utilizam apenas a largura necessária e não criam linhas antes e depois de si. http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://htmlhelp.com/reference/html40/inline.html.

 

Invisíveis http://forum.imasters.com.br/public/style_emoticons/default/seta.gif São que aqueles que existem na página, porém não são mostrados ao usuário final. Alguns deles: base, script, style, meta, link, etc.