Re: [Ovillo] Alineación vertical de dos elementos

2008-07-04 Por tema Victoria
Y no has probado con vertical-align? me refiero por supuesto a la propiedad
CSS que puede especificarse para indicar la forma en que se alinean cajas
inline. Puede tomar varios valores:


   - baseline
   - bottom
   - middle
   - sub
   - super
   - text-bottom
   - text-top
   - top

la lástima, como siempre, es que la implementación no es igual para todos
los navegadores y, mientras en Safari y Opera puedes fiarte 100% del
resultado, en IE y Firefox vas a tener que experimentar y probar.

Un saludo

Victoria

El día 4/07/08, SkuNk [EMAIL PROTECTED] escribió:

 Sí, una gran pregunta. Yo hice expermientos con line-height, pero ahora
 mismo no recuerdo si fueron satisfactorios :P


 --
 Philipp Keweloh


 El día 3/07/08, Ignacio Ricci [EMAIL PROTECTED] escribió:

 
  Que gran pregunta. Yo te digo opciones que he utilizado, que no se sin
 son
  las mejores, pero son opciones.
 
  Opcion 1  Que el radio, input, icono tenga float:left;
  Opcion 2  Que el contenedor de los elementos tenga un alto y un
  vertical-align:middle;
  Opcion 3  Que el radio, input, icono tenga un margen top de tanto, y con
  un
  fix para IE6 y IE7.
 
  Y hasta ahí llegaron mis opciones cuando viene ese caso.
 
  2008/7/3 Javier Prieto (Tapry) [EMAIL PROTECTED]:
 
 
   Hola compañeros:
  
   Este es otro de los temas que me está volviendo loco desde hace tiempo.
  
   Muchas veces se me ha dado el caso en el que tengo que poner un radio
   button y al lado un texto.
   En otras ocasiones he tenido que poner un iconito y al lado un texto
   (sin ser fondo el iconito)
   Otras veces he tenido que poner un campo de búsqueda (campo de texto de
   un formulario) y la lado un pequeño icono como submit
  
   ... en fin, resumidamente, muchas ocasiones en las que tengo que poner
   algun elemento inline al lado del otro.
  
   Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la
   alineación vertical de este par de elementos?
  
   Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50
   pixels, el texto se queda alineado con respecto a la base de la imagen.
  
   No me valen opcines de float:left, ni cosas raras, yo simplemento
 quiero
   poder alinear los dos elementos verticalmente.
  
   Espero haber sido claro y así me podais echar un cable.
  
   Muchas gracias por vuestra ayuda y un abrazo
   ___
   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
  
 
 
 
 
  --
  ↓۝ Ignacio Ricci
  www.ignacioricci.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://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
___
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] Alineación vertical de dos elementos

2008-07-03 Por tema Javier Prieto (Tapry)
Hola compañeros:

Este es otro de los temas que me está volviendo loco desde hace tiempo.

Muchas veces se me ha dado el caso en el que tengo que poner un radio 
button y al lado un texto.
En otras ocasiones he tenido que poner un iconito y al lado un texto 
(sin ser fondo el iconito)
Otras veces he tenido que poner un campo de búsqueda (campo de texto de 
un formulario) y la lado un pequeño icono como submit

... en fin, resumidamente, muchas ocasiones en las que tengo que poner 
algun elemento inline al lado del otro.

Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la 
alineación vertical de este par de elementos?

Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50 
pixels, el texto se queda alineado con respecto a la base de la imagen.

No me valen opcines de float:left, ni cosas raras, yo simplemento quiero 
poder alinear los dos elementos verticalmente.

Espero haber sido claro y así me podais echar un cable.

Muchas gracias por vuestra ayuda y un abrazo
___
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] Alineación vertical de dos elementos

2008-07-03 Por tema Ignacio Ricci
Que gran pregunta. Yo te digo opciones que he utilizado, que no se sin son
las mejores, pero son opciones.

Opcion 1  Que el radio, input, icono tenga float:left;
Opcion 2  Que el contenedor de los elementos tenga un alto y un
vertical-align:middle;
Opcion 3  Que el radio, input, icono tenga un margen top de tanto, y con un
fix para IE6 y IE7.

Y hasta ahí llegaron mis opciones cuando viene ese caso.

2008/7/3 Javier Prieto (Tapry) [EMAIL PROTECTED]:

 Hola compañeros:

 Este es otro de los temas que me está volviendo loco desde hace tiempo.

 Muchas veces se me ha dado el caso en el que tengo que poner un radio
 button y al lado un texto.
 En otras ocasiones he tenido que poner un iconito y al lado un texto
 (sin ser fondo el iconito)
 Otras veces he tenido que poner un campo de búsqueda (campo de texto de
 un formulario) y la lado un pequeño icono como submit

 ... en fin, resumidamente, muchas ocasiones en las que tengo que poner
 algun elemento inline al lado del otro.

 Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la
 alineación vertical de este par de elementos?

 Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50
 pixels, el texto se queda alineado con respecto a la base de la imagen.

 No me valen opcines de float:left, ni cosas raras, yo simplemento quiero
 poder alinear los dos elementos verticalmente.

 Espero haber sido claro y así me podais echar un cable.

 Muchas gracias por vuestra ayuda y un abrazo
 ___
 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




-- 
↓۝ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Alineación vertical de dos elementos

2008-07-03 Por tema SkuNk
Sí, una gran pregunta. Yo hice expermientos con line-height, pero ahora
mismo no recuerdo si fueron satisfactorios :P

-- 
Philipp Keweloh


El día 3/07/08, Ignacio Ricci [EMAIL PROTECTED] escribió:

 Que gran pregunta. Yo te digo opciones que he utilizado, que no se sin son
 las mejores, pero son opciones.

 Opcion 1  Que el radio, input, icono tenga float:left;
 Opcion 2  Que el contenedor de los elementos tenga un alto y un
 vertical-align:middle;
 Opcion 3  Que el radio, input, icono tenga un margen top de tanto, y con
 un
 fix para IE6 y IE7.

 Y hasta ahí llegaron mis opciones cuando viene ese caso.

 2008/7/3 Javier Prieto (Tapry) [EMAIL PROTECTED]:


  Hola compañeros:
 
  Este es otro de los temas que me está volviendo loco desde hace tiempo.
 
  Muchas veces se me ha dado el caso en el que tengo que poner un radio
  button y al lado un texto.
  En otras ocasiones he tenido que poner un iconito y al lado un texto
  (sin ser fondo el iconito)
  Otras veces he tenido que poner un campo de búsqueda (campo de texto de
  un formulario) y la lado un pequeño icono como submit
 
  ... en fin, resumidamente, muchas ocasiones en las que tengo que poner
  algun elemento inline al lado del otro.
 
  Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la
  alineación vertical de este par de elementos?
 
  Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50
  pixels, el texto se queda alineado con respecto a la base de la imagen.
 
  No me valen opcines de float:left, ni cosas raras, yo simplemento quiero
  poder alinear los dos elementos verticalmente.
 
  Espero haber sido claro y así me podais echar un cable.
 
  Muchas gracias por vuestra ayuda y un abrazo
  ___
  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
 




 --
 ↓۝ Ignacio Ricci
 www.ignacioricci.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://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