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,
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
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
Hola Ramón:
Tengo un caso similar y me funciona dando a la imagen (no al texto)
display:inline, y el vertical align que quieras.
A ver si te ayuda.
Saludos,
Abby
Hola, Ovillo.
Estoy tratando de hacer algo que pensaba que era simple, pero no se me
da... Simplemente quiero poner un enlace a
Hola, Abby, gracias por tu respuesta. El problema es que no hay imagen,
es sólo una flecha en texto (es un carácter unicode, no el símbolo gt;
que puse, pero para el caso es lo mismo).
Tengo un caso similar y me funciona dando a la imagen (no al texto)
display:inline, y el vertical align que
Donde colocas la imagen? si quieren centar el tag IMG con respecto al texto
el vertical-align debes aplicarlo al IMG no al A.
Saludos,
Javier Trejo
www.cominteractiva.com.ar
El día 28 de mayo de 2008 14:42, Ramón Corominas [EMAIL PROTECTED]
escribió:
Hola, Ovillo.
Estoy tratando de hacer
Hola Ramón:
Quizá no he entendido bien... Quieres una imagen y a su lado un enlace
que esté centrado verticalmente en su caja, pero esa caja qué alto
tiene, ¿el mismo que la imagen? Si es así, yo dejaría la imagen y el
enlace en la misma caja y haría lo que te dije antes. Algo así:
div
Creo que me he explicado mal... Olvidemos la imagen, ¿vale? De lo que se
trata es de que el texto (la flecha) quede centrada verticalmente
respecto a su contenedor, no respecto a la imagen que tiene al lado.
Pongamos que es una almohadilla en lugar de una flecha:
diva ...#/a/div
Bueno, pues
Hola Ramon,
a ver si te sirve esto,
p {
vertical-align: middle;
line-height: 260px;
}
#ir_dcha {
text-decoration: none;
display: block;
float: left;
background-color: #eee;
height: 260px;
}
pa id=ir_dcha href=#gt;/a... texto o imagen/p
saludos,
2008/5/28 Javier Trejo [EMAIL
Efectivamente, basta con el line-height y todo queda donde yo quería.
¡Muchas gracias!
Diego Burich escribió:
a ver si te sirve esto,
p {
vertical-align: middle;
line-height: 260px;
}
#ir_dcha {
text-decoration: none;
display: block;
float: left;
background-color: #eee;
Hola Amanda,
el vertical-align sólo funciona con elementos a nivel de linea o table-cell
Puedes probar a añadirle a #menuh un padding superior e inferior y
jugar con éstos y alto definido.
#menuh a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
text-align:
Hola Martín,
Martin Szyszlican wrote:
Camilo:
Al ponerle display:block lo convertís en un elemento de bloque y deja de
funcionar el vertical-align
Claro, mi confusión y supongo que la de muchos, es tratar vertical-align
como text-align. Mientras que ésta se aplica a elementos *de bloque*
Has probado a convertir el ul a objeto en línea? yo no lo he comprobado pero
tal vez sirva:
display: inline;
y luego usar el vertical-align.
Camilo Kawerín [EMAIL PROTECTED] escribió: Hola Martín,
Martin Szyszlican wrote:
Camilo:
Al ponerle display:block lo convertís en un elemento
En síntesis, cómo puedo alinear verticalmente el texto en:
lia href=#Opción/ali
para mi, tendrias que usar 'line-height' en el 'li' y
'vertical-align:middle' en el 'a'
hay algunas cosas que eran -mucho- mas comodas, cuando eramos inconscientes :)
Camilo:
Al ponerle display:block lo convertís en un elemento de bloque y deja de
funcionar el vertical-align
Propongo esto:
li span { display: block; height: 3em; }
li span a { vertical-align: center; }
lispanadsa/a/span/li
Si encontraste la solucion a un problema, podés enviarla a la lista
15 matches
Mail list logo
