Foros del Web » Creando para Internet » CSS »

Imagen y texto en extremos opuestos

Estas en el tema de Imagen y texto en extremos opuestos en el foro de CSS en Foros del Web. Tengo dentro de un div una línea de texto y una imagen. Quiero que ambas estén posicionadas abajo de este div, pero que el texto ...
  #1 (permalink)  
Antiguo 17/01/2011, 14:46
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 10 años
Puntos: 196
Imagen y texto en extremos opuestos

Tengo dentro de un div una línea de texto y una imagen. Quiero que ambas estén posicionadas abajo de este div, pero que el texto esté a la izquierda y la imagen a la derecha.

Hasta ahora no lo consigo. Solo logro que el texto se quede verticalmente en medio.

__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!
  #2 (permalink)  
Antiguo 17/01/2011, 17:09
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 6 años, 10 meses
Puntos: 442
Respuesta: Imagen y texto en extremos opuestos

¿Has probado usar "vertical-align"?
  #3 (permalink)  
Antiguo 17/01/2011, 17:31
Avatar de uikekarallo  
Fecha de Ingreso: diciembre-2009
Ubicación: Galicia
Mensajes: 338
Antigüedad: 8 años
Puntos: 16
Respuesta: Imagen y texto en extremos opuestos

con posicionamiento absoluto puedes lograrlo sin dificultad. igual te sirve:

Código HTML:
<div style="position: relative; width: auto; height: 100%;">
  <p style="padding: 0; margin: 0; position: absolute; left: 0; bottom: 0;">texto</p>
  <img style="position: absolute; right: 0; bottom: 0;" src="/img/hola.jpg" alt="hola" />
</div> 
y más eficiente aún utilizando una hoja de estilos :)

un saludo.
  #4 (permalink)  
Antiguo 17/01/2011, 19:30
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 10 años
Puntos: 196
Respuesta: Imagen y texto en extremos opuestos

muchas gracias. Eso funcionó muy bien.
__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:00.