Hola, Ovillo.
Estoy tratando de hacer algo que pensaba que era simple, pero no se me
da... Simplemente quiero poner un enlace a un lado de una imagen con una
flecha a la derecha, y que esa flecha esté centrada verticalmente dentro
de su caja. El caso es que he probado diferentes combinaciones,
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;