• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

ricardocoimbra

Tabela Ao centro!

22 mensagens neste tópico

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?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tens  de colocar vertical-align: center;

Assim fica alinhado verticalmente que é o que tu pretendes.

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

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

Mostra os resultados.

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O align nas div's não funciona.

Por isso deves colocar margin: 0 auto;

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

left:50%;

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

left:50%;

Era isso.

Já funciona?

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

left:50%;

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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...

0

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