Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #57 da revista programar. Faz já o download aqui!

ricardocoimbra

Tabela Ao centro!

Mensagens Recomendadas

ricardocoimbra    0
ricardocoimbra

Pessoal eu quando faço isto porque é que o texto não me aparece ao centro conforme a resolução da pessoa? é que o texto aparece-me sempre em cima de todo!

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td><div align="center">Texto</div></td>

  </tr>

</table>

Eu tou a meter 100% por 100% como é possivel meter consoante a resolução que cada pessoa tenha?

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
ricardocoimbra    0
ricardocoimbra

Texto alinhado ao centro aparece não aparece é ao meio da pagina percebes? O texto vai sempre pra cima! nem a meter  style="vertical-align:middle" fogo o que estarámal?

<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td style="vertical-align:middle"><div align="center">olé</div></td>

  </tr>

</table>

tens  de colocar vertical-align: center;

Assim fica alinhado verticalmente que é o que tu pretendes.

Cumps.

tens  de colocar vertical-align: center;

Assim fica alinhado verticalmente que é o que tu pretendes.

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
marinheiro    0
marinheiro

lupereira, com o margin: 0 auto fica alinhado acima, porque o 1º parametro é exactamente do top... tem é de colocar só auto, sem o 0...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
ricardocoimbra    0
ricardocoimbra

Meti assim e não deu!  :/

<table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0" style="margin:0 auto">

 <tr>

   <td style="vertical-align:center"><div align="center">Texto</div></td>

 </tr>

</table>

põe verttical-align: center em vez de middle.

Em vez de align=center põe margin: 0 auto;

Mostra os resultados.

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
ricardocoimbra    0
ricardocoimbra

Nem só com o auto funciona! Vai me sempre para cima.. Porque? não percebo!

lupereira, com o margin: 0 auto fica alinhado acima, porque o 1º parametro é exactamente do top... tem é de colocar só auto, sem o 0...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
LuPereira    0
LuPereira

mas se ele colocar margin: 0 auto; e depois ele também colocava vertical-align: center;

assim alinhava ao centro verticalmente e horicontalmente em qualquer resolução.

Entendes agora o porquê do margin: 0 auto?

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
ricardocoimbra    0
ricardocoimbra

LuPereira  mas eu fiz isso assim e não dá, apenas alinha horizontalmente, na vertical não alinha!

Não era assim que dizias?

<table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0" style="margin:0 auto">

 <tr>

   <td style="vertical-align:center"><div align="center">Texto</div></td>

 </tr>

</table>

mas se ele colocar margin: 0 auto; e depois ele também colocava vertical-align: center;

assim alinhava ao centro verticalmente e horicontalmente em qualquer resolução.

Entendes agora o porquê do margin: 0 auto?

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
LuPereira    0
LuPereira

LuPereira  mas eu fiz isso assim e não dá, apenas alinha horizontalmente, na vertical não alinha!

Não era assim que dizias?

<table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0" style="margin:0 auto">

 <tr>

   <td style="vertical-align:center"><div align="center">Texto</div></td>

 </tr>

</table>

mas se ele colocar margin: 0 auto; e depois ele também colocava vertical-align: center;

assim alinhava ao centro verticalmente e horicontalmente em qualquer resolução.

Entendes agora o porquê do margin: 0 auto?

Cumps.

Em vez de colocares o vertical-align no elemento "td" coloca no elemento "div"

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
ricardocoimbra    0
ricardocoimbra

LuPereira mesmo assim não dá :/

<table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0" style="margin:0 auto">

  <tr>

    <td><div align="center" style="vertical-align:center">Texto</div></td>

  </tr>

</table>

LuPereira  mas eu fiz isso assim e não dá, apenas alinha horizontalmente, na vertical não alinha!

Não era assim que dizias?

<table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0" style="margin:0 auto">

 <tr>

   <td style="vertical-align:center"><div align="center">Texto</div></td>

 </tr>

</table>

mas se ele colocar margin: 0 auto; e depois ele também colocava vertical-align: center;

assim alinhava ao centro verticalmente e horicontalmente em qualquer resolução.

Entendes agora o porquê do margin: 0 auto?

Cumps.

Em vez de colocares o vertical-align no elemento "td" coloca no elemento "div"

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
marinheiro    0
marinheiro

experimenta assim, que funciona em firefox e internet explorer:

<table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0" style="text-align:center">
  <tr>
    <td><div style="margin:auto">Texto</div></td>
  </tr>
</table>

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
LuPereira    0
LuPereira

Podes sempre colocar margin-right: 50% e margin-top: 50%.

Não sei se colocas "margin" ou "padding" mas tenta os dois e logo vês o que preferes.

Cumps.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
LuPereira    0
LuPereira

margin-left: (metade do tamanho total do objecto)px;

left:50%;

então e se for elástico? como fazes?

Coloca margin-left=50%; e left=50%;

É simples.

Se conseguires com um elemento elástico ricardo coimbra diz.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
marinheiro    0
marinheiro

a razão da minha pergunta foi por causa do "(metade do tamanho total do objecto)px"...

mas não precisa disso... basta colocar como eu postei atrás que funciona em todos os browsers...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade