Comentários sobre: Vertical-align no CSS. Como, quando e por que usar. http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html Blog Pessoal de Bruno Dulcetti - Artigos, tutoriais sobre web standards, xhtml, css e tecnologia em geral. Sun, 14 Mar 2010 11:21:32 -0300 http://wordpress.org/?v=2.8 hourly 1 Por: Ailton Sobral http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-62765 Ailton Sobral Mon, 22 Jun 2009 22:20:06 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-62765 Meuuuuu! eu preciso de um menu exatamente igual o seu do lado esquerdo, o meu dah uns pau no IE, se puder me dar umas dicas eu agradeceria muitoooooooo. Se pudesse me mandar os js, o css e o html desse menu seria lindo. Muito obrigado Ailton Meuuuuu! eu preciso de um menu exatamente igual o seu do lado esquerdo, o meu dah uns pau no IE, se puder me dar umas dicas eu agradeceria muitoooooooo.

Se pudesse me mandar os js, o css e o html desse menu seria lindo.

Muito obrigado

Ailton

]]> Por: Paulo Morais http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-61232 Paulo Morais Tue, 21 Apr 2009 16:12:04 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-61232 Aí velhinho, procurava algo semelhante por aí e acabei achando. Muito bem redigido seu texto, parabéns. Aí velhinho, procurava algo semelhante por aí e acabei achando.

Muito bem redigido seu texto, parabéns.

]]> Por: neyRicardo http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-55353 neyRicardo Wed, 19 Nov 2008 17:20:10 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-55353 Parabéns Bruno! Muito bom o artigo. Já tinha lido sobre o vertical-align no https://developer.mozilla.org/en/CSS_Reference, mas como você disse, ele deixa de funcionar em elementos com altura definida. O jeito é esperar todo mundo deixar de usar o IE6 e 7 pra finalmente podermos usar a tão cobiçada propriedade display: table-cell. Agora, esse lance de alinhar verticalmente elementos de input ainda não tinha passado pela minha cabeça. Eu fazia uma gambiarra usando margin-bottom negativa. Coisa de calouro mesmo... Parabéns! Muito bom mesmo! Parabéns Bruno! Muito bom o artigo. Já tinha lido sobre o vertical-align no https://developer.mozilla.org/en/CSS_Reference, mas como você disse, ele deixa de funcionar em elementos com altura definida. O jeito é esperar todo mundo deixar de usar o IE6 e 7 pra finalmente podermos usar a tão cobiçada propriedade display: table-cell.
Agora, esse lance de alinhar verticalmente elementos de input ainda não tinha passado pela minha cabeça. Eu fazia uma gambiarra usando margin-bottom negativa. Coisa de calouro mesmo…

Parabéns! Muito bom mesmo!

]]> Por: Erick Xavier http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-54271 Erick Xavier Fri, 31 Oct 2008 00:42:18 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-54271 http://phrogz.net/CSS/vertical-align/index.html Esse site aqui mostra MUITO BEM o funcionamento do "vertical-align" dentro dos elementos, bom demaaaais! http://phrogz.net/CSS/vertical-align/index.html

Esse site aqui mostra MUITO BEM o funcionamento do “vertical-align” dentro dos elementos, bom demaaaais!

]]> Por: rascunho » Blog Archive » links for 2008-10-08 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-53498 rascunho » Blog Archive » links for 2008-10-08 Wed, 08 Oct 2008 20:03:10 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-53498 [...] Vertical-align no CSS. Como, quando e por que usar. » Bruno Dulcetti - web standards, css, xhtml e ... E ae galera. Estou aqui de volta, novamente, depois de uma sumida (pra variar não é verdade? ). Mas eu juro que tentarei voltar com mais freqüência, postar mais colírios, vídeos do Videolog, etc. (tags: www.brunodulcetti.com 2008 mes9 dia8 CSS align) [...] [...] Vertical-align no CSS. Como, quando e por que usar. » Bruno Dulcetti – web standards, css, xhtml e … E ae galera. Estou aqui de volta, novamente, depois de uma sumida (pra variar não é verdade? ). Mas eu juro que tentarei voltar com mais freqüência, postar mais colírios, vídeos do Videolog, etc. (tags: http://www.brunodulcetti.com 2008 mes9 dia8 CSS align) [...]

]]> Por: Felipe Jeremias http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-53197 Felipe Jeremias Wed, 01 Oct 2008 21:40:46 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-53197 Ótimo Post! Ajudou muito! Tava com dúvida de alinhamento vertical e você esclareceu tudinho! Muito Obrigado {: Ótimo Post!

Ajudou muito! Tava com dúvida de alinhamento vertical e você esclareceu tudinho! Muito Obrigado {:

]]> Por: [manu] http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html/comment-page-1#comment-48996 [manu] Mon, 07 Jul 2008 14:25:17 +0000 http://www.brunodulcetti.com/blog/2007/01/17/vertical-align-no-css-como-quando-e-por-que-usar.html#comment-48996 Olá Bruno, Sou formada em design gráfico, e estou trabalhando também com webdesign, por curiosa que sou. Aprendi há alguns meses a construir sites em DIV's e estou refazendo o meu porfolio eletrônico. Tudo está indo bem, porém empaquei neste quesito que você escreveu acima. Ao ver meu portfolio, na parte de projetos, você verá que os textos estão todos em um iframe, e ao clicar o mouse em um respectivo número, aparece sua foto e seu texto correspondente. É aí que começa o problema, que foi relatado no seu post. A solução que encontrei foi colocar uma porcentagem no top. height: 238px; width: 213px; text-align: left; vertical-align: bottom; display: table-cell; top: 72%; /* hack para o IE6 e IE7 */ position: absolute } /* hack para o IE6 e IE7 */ Mas o outro problema surgido é que, como cada texto de projeto tem um número de linhas diferente (2, 3 e 4 linhas de texto), tive que criar vários id para cada altura. Será que essa é a melhor solução para esse caso? Abraço, Manuela Olá Bruno,

Sou formada em design gráfico, e estou trabalhando também com webdesign, por curiosa que sou. Aprendi há alguns meses a construir sites em DIV’s e estou refazendo o meu porfolio eletrônico. Tudo está indo bem, porém empaquei neste quesito que você escreveu acima. Ao ver meu portfolio, na parte de projetos, você verá que os textos estão todos em um iframe, e ao clicar o mouse em um respectivo número, aparece sua foto e seu texto correspondente. É aí que começa o problema, que foi relatado no seu post. A solução que encontrei foi colocar uma porcentagem no top.

height: 238px;
width: 213px;
text-align: left;
vertical-align: bottom;
display: table-cell;
top: 72%; /* hack para o IE6 e IE7 */
position: absolute } /* hack para o IE6 e IE7 */

Mas o outro problema surgido é que, como cada texto de projeto tem um número de linhas diferente (2, 3 e 4 linhas de texto), tive que criar vários id para cada altura. Será que essa é a melhor solução para esse caso?

Abraço,
Manuela

]]>