Saltar al contenido

Colocar una imagen en la esquina superior derecha – CSS

Haz todo lo posible por comprender el código bien antes de usarlo a tu trabajo si ttienes algo que aportar puedes dejarlo en la sección de comentarios.

Solución:

Puedes hacerlo así:

#content 
    position: relative;

#content img 
    position: absolute;
    top: 0px;
    right: 0px;


some text...

Coloque el div relativamente, y coloque la cinta absolutamente dentro de ella. Algo como:

#content 
  position:relative;


.ribbon 
  position:absolute;
  top:0;
  right:0;

Mientras miraba el mismo problema, encontré un ejemplo.



Top Right Link Text

El truco aquí es crear un pequeño (utilicé GIMP) un PNG (o GIF) que tenga un fondo transparente (y luego simplemente eliminar la esquina inferior opuesta).

Puntuaciones y comentarios

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *