[Ovillo] vertical-align ?

[diego burich]

hola, ya le estoy dando vueltas pero no quiere

tengo un menu (lo hago breve)



...

el menu es dinamico y carga diferentes largos de texto, en un ancho fijo
por lo que queda a veces una linea, a veces 2, o 3 ...
yo quisiera que el texto este siempre centado verticalmente,
ya que me piden que todos tengan un alto minimo de 26px. (este es el
problema)

el css

#menu ul li a{
display: block;
width: 112px;
padding: 9px 16px;
min-height: 26px;
}

probe con vertical-align y nada

si alguien me puede tirar una idea, gracias

saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] vertical-align: ¿?

[DJ-Dom]

A alguien le ha funcionado vertical-align.   ¿?

A mi nunca...

Saludo,
DJ-Dom
--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] vertical-align

[Info NEX SOFTWARE]

Sí que funciona, solo que hay que tener en cuenta dónde se coloca, que 
sea un elemento inline. Por ejemplo, en el HTML siguiente:


   
   
 title='A3'>Uno  
 title='A2'>Dos  
 title='A1'>Tres

 
   


con el CSS siguiente:

#menu
{
   border:0;
   margin:0;
   padding:0;
}
#menu_estudis ul
{
   margin:0;
   padding:0;
   text-align:center
}
#menu ul li
{
   padding: 3px;
   vertical-align:25%;
   display: inline
}

funciona perfectamente. Fíjate que he puesto una alineación vertical en 
porcentaje, pero se puede poner también en píxeles (o emes) o bien con 
unos valores literales (hasta ocho creo) que tienen como referencia 
normalmente la línea imaginaria que sirve de base al texto. En los 
porcentajes, también se toma como referencia esa base, y en este caso 
elevo el texto un 25%. Podría hacerlo negativo si quiero colocarlo por 
debajo, etc.


Espero que te sirva.
\\ jordi m
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align ?

[Karen_WmBeta]

hola,
básicamente debes convertir tus bloques en celdas para que funcione el
vertical-align, es algo engorroso porque el buen amigo IE no lo
interpreta como debe, pero como siempre existe una solución...

cheka este enlace:

http://www.forosdelweb.com/showthread.php?p=1904336

espero q te sirva, suerte!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align ?

[diego burich]

si, asi es table-cell es la gran solucion, excepto IE

en mi caso dado que lo necesito para un menu dinamico en un sinfin de
paginas,
las opciones que hay son digamos bien engorrosas,
nada viables para esto,
por lo que el menu, que por otra parte en mi opinion no necesita para nada
un min-height,
la decision es sencilla si insisten en verlo asi en IE,
habra que usar una tabla.


saludos!!




El día 21/07/07, Karen_WmBeta <[EMAIL PROTECTED]> escribió:
>
> hola,
> básicamente debes convertir tus bloques en celdas para que funcione el
> vertical-align, es algo engorroso porque el buen amigo IE no lo
> interpreta como debe, pero como siempre existe una solución...
>
> cheka este enlace:
>
> http://www.forosdelweb.com/showthread.php?p=1904336
>
> espero q te sirva, suerte!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align: ¿?

[Jose Florido]

Hola!

vertical-align funciona correctamente (o casi) en bastantes navegadores
(incluido IE).
Lo que ocurre es que vertial-align unicamente es aplicable a elementos con
de línea (o a aquellos elementos de bloque que les definas display:
inline;). Esto que sólo veras sus efectos cuando quieras alinear
verticalmente un elemento de línea con otro. Por ejemplo un label y un
input.

No te va a servir para centrar una capa verticalmente o cosas por el estilo.
Un poco mas de información:
http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#propdef-vertical-align

Espero que te sea de ayuda.

--
Jose Florido



- Original Message - 
From: "DJ-Dom" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" 
Sent: Monday, March 20, 2006 12:31 PM
Subject: [Ovillo] vertical-align: ¿?


A alguien le ha funcionado vertical-align.   ¿?

A mi nunca...

Saludo,
DJ-Dom
--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align: ¿?

[Inma Bermejo Salar]

DJ-Dom wrote:

A alguien le ha funcionado vertical-align.   ¿?

A mi nunca...
  

A mi sí me funciona... aunque creo que sólo lo he usado en td's

--

"...el mundo es una tontería si vas dejando que se escape lo que más querías..."

www.inmabermejo.com

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

RE: [Ovillo] vertical-align: ¿?

[Miguel Benítez]

Hombre, a mi me ha funcionado muchas veces...

Con IMG, INPUT, TD y ahora no recuerdo con que más... pero creo que solo es
con esas etiquetas...

Pruebalo ya verás como funciona.

Saludines

-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
[EMAIL PROTECTED]
www.miguelbenitez.com

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de DJ-Dom
Enviado el: lunes, 20 de marzo de 2006 12:32
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] vertical-align: ¿?

A alguien le ha funcionado vertical-align.   ¿?

A mi nunca...

Saludo,
DJ-Dom
--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align

[Manuel Razzari]

El problema con vertical-align es cuando queremos hacer lo que
fácilmente hacíamos con un . Hay varias técnicas,
depende del caso y del gusto de cada uno... Estas son mis favoritas:

Para centrar una imagen en toda la página, o en gral. cuando conozco
el height de la imagen pero el contenedor es variable:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Para una galería de imágenes, cuando no conozco el height de la imagen
pero si el del contenedor:
http://mrclay.org/web_design/centered_image/

Espero que sirva, saludos
- manuel

--
Manuel Razzari
YO   -> http://ultimorender.com.ar/funkascript
CVAM -> http://conVistaAlMar.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align: ¿?

[Félix Zapata Berlinches]

a mí sí me funciona. Lo suelo usar cuando a lo mejor quiero alinear un 
icono con el texto que aparece al lado


Miguel Benítez escribió:

Hombre, a mi me ha funcionado muchas veces...

Con IMG, INPUT, TD y ahora no recuerdo con que más... pero creo que solo es
con esas etiquetas...

Pruebalo ya verás como funciona.

Saludines

-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
[EMAIL PROTECTED]
www.miguelbenitez.com

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de DJ-Dom
Enviado el: lunes, 20 de marzo de 2006 12:32
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] vertical-align: ¿?

A alguien le ha funcionado vertical-align.   ¿?

A mi nunca...

Saludo,
DJ-Dom
--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


  



--
Félix Zapata Berlinches



Tanta Tecnología y Comunicación

Grupo Onetec

c/ Julián Camarillo 26 1º Of. 2

28037 Madrid

Tel.: 91.440.10.40

Fax: 91.304.91.24

www.tantacom.com

www.grupoonetec.com

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align: ¿?

[DJ-Dom]

Pues tendré problemas de implementación o de navegador o como dice Jose usar
display:inline;

Saludo,
DJ-Dom


El día 20/03/06, Félix Zapata Berlinches <[EMAIL PROTECTED]>
escribió:
>
> a mí sí me funciona. Lo suelo usar cuando a lo mejor quiero alinear un
> icono con el texto que aparece al lado
>
> Miguel Benítez escribió:
> > Hombre, a mi me ha funcionado muchas veces...
> >
> > Con IMG, INPUT, TD y ahora no recuerdo con que más... pero creo que solo
> es
> > con esas etiquetas...
> >
> > Pruebalo ya verás como funciona.
> >
> > Saludines
> >
> > -
> > Miguel Angel Benítez Martínez
> > Diseñador gráfico / Desarrollador web
> > [EMAIL PROTECTED]
> > www.miguelbenitez.com
> >
> > -Mensaje original-
> > De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> > En nombre de DJ-Dom
> > Enviado el: lunes, 20 de marzo de 2006 12:32
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: [Ovillo] vertical-align: ¿?
> >
> > A alguien le ha funcionado vertical-align.   ¿?
> >
> > A mi nunca...
> >
> > Saludo,
> > DJ-Dom
> > --
> > www.dj-dom.net
> > [EMAIL PROTECTED]
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
> >
> >
> >
>
>
> --
> Félix Zapata Berlinches
>
>
>
> Tanta Tecnología y Comunicación
>
> Grupo Onetec
>
> c/ Julián Camarillo 26 1º Of. 2
>
> 28037 Madrid
>
> Tel.: 91.440.10.40
>
> Fax: 91.304.91.24
>
> www.tantacom.com
>
> www.grupoonetec.com
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>



--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align

[DJ-Dom]

Q

El día 20/03/06, Manuel Razzari <[EMAIL PROTECTED]> escribió:
>
> El problema con vertical-align es cuando queremos hacer lo que
> fácilmente hacíamos con un . Hay varias técnicas,
> depende del caso y del gusto de cada uno... Estas son mis favoritas:
>
> Para centrar una imagen en toda la página, o en gral. cuando conozco
> el height de la imagen pero el contenedor es variable:
> http://www.wpdfd.com/editorial/thebox/deadcentre4.html
>
> Para una galería de imágenes, cuando no conozco el height de la imagen
> pero si el del contenedor:
> http://mrclay.org/web_design/centered_image/
>
> Espero que sirva, saludos
> - manuel
>
> --
> Manuel Razzari
> YO   -> http://ultimorender.com.ar/funkascript
> CVAM -> http://conVistaAlMar.com.ar
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>



--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] vertical-align

[DJ-Dom]

Que buena info me han dado, parecía que no soltaba la vieja metodología de
"valign"...

Gracias...

Saludo,
DJ-Dom


El día 21/03/06, DJ-Dom <[EMAIL PROTECTED]> escribió:
>
> Q
>
> El día 20/03/06, Manuel Razzari <[EMAIL PROTECTED]> escribió:
> >
> > El problema con vertical-align es cuando queremos hacer lo que
> > fácilmente hacíamos con un . Hay varias técnicas,
> > depende del caso y del gusto de cada uno... Estas son mis favoritas:
> >
> > Para centrar una imagen en toda la página, o en gral. cuando conozco
> > el height de la imagen pero el contenedor es variable:
> > http://www.wpdfd.com/editorial/thebox/deadcentre4.html
> >
> > Para una galería de imágenes, cuando no conozco el height de la imagen
> > pero si el del contenedor:
> > http://mrclay.org/web_design/centered_image/
> >
> > Espero que sirva, saludos
> > - manuel
> >
> > --
> > Manuel Razzari
> > YO   -> http://ultimorender.com.ar/funkascript
> > CVAM -> http://conVistaAlMar.com.ar 
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> www.dj-dom.net
> [EMAIL PROTECTED]




--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo