Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
por exemplo... <style>DIV {padding: 15px; text-align: center; width: 150; height: 50; background-color: Silver;}TD {vertical-align: middle; text-align: center; width: 150; height: 50; background-color: Silver;}</style><DIV>Teste</DIV><table><tr><td>Teste</td></tr></table>Quero que fiquem iguais esses dois textos "teste", que fiquem centralizados H e V no bloco cinza..., como botoes (border-style: outset) ok......na tabela, se eu mudar a altura ele continua centralizado.no div, se eu aumentar a altura, tenho que mudar o padding...tem outra forma de utilizar o DIV e ele fique centralizado Verticalmente sem ter que mudar o padding, somente a altura? ... ah, o 'vertical-align' nao funciona...Obrigado
mais ou menos,quero utilizar um div para criar blocos de links mas quero eles centralizados, como no codigo que passei,so que nao consigo fazer isso utilizando div para que seja automatico, sem ter que ficar mudando o padding se eu quiser alterar a altura do div...obrigado
veja se te ajuda..
ja fui lá, Mario, o problema é que lá eles nao utilizam do jeito que preciso, somente com padding... que é o que nao quero...obrigado
tenta assim..
<html><head> <title>Universal vertical center with CSS</title> <style> .greenBorder {border: 1px solid green;} / just borders to see it / </style></head><body> <div class="greenBorder" style="display: table; height: 400px; _position: relative; overflow: hidden;"> <div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;"> <div class="greenBorder" style=" _position: relative; _top: -50%"> ####### Conteudo ####### </div> </div> </div></body></html>
Teh +
Neon, eu terei que fazer 3 Div para centralizar um texto??? prefiro fazer com table mesmo.. hhwehehehe
eu quero algo do tipo
--------------------------------| || texto || | --------------------------------
mas eu posso variar a altura do objeto, entenderam...
obrigado
Pronto...
<html><head><title>Universal vertical center with CSS</title><style>#teste {width:400px;height:250px;background-color:#333;color:#fff;}#teste span {position:relative;top:50%;}</style></head><body><div id="teste"><span>UHauahuahuaa</span></div></body></html>
Faça testes em outros browsers e ve se funfa.. !
neoX []`s
UHauahuahuaa digo eu... hehehehehecoloca height:50px; para ver o que acontece, nao tá centralizado....acho que vou ter que utilizar table mesmo... esse negocio de tableless so serve para outras coisas... heheheh mas mesmo assim to mudando meu site para esse novo metodo de layout...se alguem souber algo grita ai... flw..
olhem, descobri uma coisa, é quase igual a mudar o padding, mas nao precisa ficar calculando o valor do padding, e nao pode ter mais de uma linha... <div style="text-align: center; background-color: Silver; height:225px; line-height: 225px; width:200px; font-size: 10px; Font-family: 'Verdana';">TESTE</div>Funciona, é fácil de alterar (line-height sempre = height) e nao usa tabelas... mas fica feio se tiver mais de uma linha... heheheAbraços
faz um desse pra cada linha, hehehe, assim é cruel, eheehehe
achu + facil usar o metodo das 3 div....
os styles ficariam no .css logo ficaria fácil fazer as linhas, marioneon, ao usar 3 div é preferivel usar tabelas, se é para reduzir codigo... ok?
Você quer deixar igual a um botão padrão do windows?