Foros del Web » Creando para Internet » CSS »

Colocar Imagen SOBRE un borde de un caja

Estas en el tema de Colocar Imagen SOBRE un borde de un caja en el foro de CSS en Foros del Web. Hola. Molesto por lo siguiente: cómo lo indico en el título, no puedo conseguir colocar una imagen sobre un borde un, por ejemplo, una caja ...
  #1 (permalink)  
Antiguo 19/09/2010, 16:56
Avatar de Hayi  
Fecha de Ingreso: febrero-2002
Ubicación: Santa Fe - Santa Fe
Mensajes: 121
Antigüedad: 15 años, 10 meses
Puntos: 3
Pregunta Colocar Imagen SOBRE un borde de un caja

Hola. Molesto por lo siguiente: cómo lo indico en el título, no puedo conseguir colocar una imagen sobre un borde un, por ejemplo, una caja con texto dentro.

Esto es lo que tengo:
------------------------
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
------------------------

Esto quiero conseguir:

--|IMG SOBRE BORDE|------
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
------------------------

Se que no es algo complicado pero ya como que estoy bloqueado, ja! Saludos y gracias...
  #2 (permalink)  
Antiguo 20/09/2010, 05:50
 
Fecha de Ingreso: diciembre-2009
Mensajes: 53
Antigüedad: 8 años
Puntos: 4
Respuesta: Colocar Imagen SOBRE un borde de un caja

Puedes probar de la siguiente forma:

<img class="imagen" src="ruta_imagen" alt="imagen" title="imagen" />
<div class="texto">
Contenido de la caja
</div>

El css utilizado sería:

div.texto{
border: solid;
}

img.imagen{
position: relative;
top: 1em; /*Distancia que variará*/
}

Espero que sea esto lo que deseases ;)
  #3 (permalink)  
Antiguo 20/09/2010, 06:37
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Colocar Imagen SOBRE un borde de un caja

Buenas Hayi, ¿nos muestras el código que ya tienes?

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #4 (permalink)  
Antiguo 20/09/2010, 15:13
Avatar de Hayi  
Fecha de Ingreso: febrero-2002
Ubicación: Santa Fe - Santa Fe
Mensajes: 121
Antigüedad: 15 años, 10 meses
Puntos: 3
Respuesta: Colocar Imagen SOBRE un borde de un caja

Muchas gracias BrutuSS, funcionó muy bien el código y era lo que necesitaba ya que, el código que usaba yo Impostor, era muy similar pero no usaba bien la clase de la imagen porque no la definía así.
Si se quiere desplazar la imagen sobre el borde, por ejemplo a la izquierda, es solo agregar left: <valor>; y listo... Puede que al achicar la ventana del navegador la imagen se 'mueva' fuera del borde pero es simlemente estético y no hace al resultado final... ¡Muchas gracias! Saludos...

Etiquetas: bordes
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 07:20.