Image qui depasse volontairement d'une div
gege
-
olivierrobins Messages postés 225 Date d'inscription Statut Membre Dernière intervention -
olivierrobins Messages postés 225 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Dans le site que je suis en train de creer, je souahite faire dépasser une image d'une div, je m'explique, j'ai la div englobant tout le corps qui possede des bordures css mais je souaite faire dépasser une image (representant un genre de ruban donnant l'impresssion de passer derriere le corps et revenant dessus et sur lequel figure le nom de chaque page:accueil, ...) mais je n'y parvient pas, savez vous si on peut faire depasser une image d'une div et comment en tous cas merci du tuyau :)
Dans le site que je suis en train de creer, je souahite faire dépasser une image d'une div, je m'explique, j'ai la div englobant tout le corps qui possede des bordures css mais je souaite faire dépasser une image (representant un genre de ruban donnant l'impresssion de passer derriere le corps et revenant dessus et sur lequel figure le nom de chaque page:accueil, ...) mais je n'y parvient pas, savez vous si on peut faire depasser une image d'une div et comment en tous cas merci du tuyau :)
A voir également:
- Image qui depasse volontairement d'une div
- Légender une image - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Transformer une image en icone - Guide
5 réponses
Bonjour,
Tu peux indiquer dans ton CSS, si t'en as, pour la div en question:
position:relative;
Ensuite, tu places l'image dans la div, en lui donnant un identifiant (genre id="ruban") et tu rajoutes dans le CSS:
#ruban{
position:absolute;
top:0px;
right:0px;
}
Et ensuite tu modifies les valeurs des px pour top et right (ou t'utilises bottom et left, enfin on se comprend) pour placer ton image exactement où tu veux. Et puisque t'as spécifié que la div était en relative, l'image va donc se baser sur cette div-là pour se positionner.
Olivier
Tu peux indiquer dans ton CSS, si t'en as, pour la div en question:
position:relative;
Ensuite, tu places l'image dans la div, en lui donnant un identifiant (genre id="ruban") et tu rajoutes dans le CSS:
#ruban{
position:absolute;
top:0px;
right:0px;
}
Et ensuite tu modifies les valeurs des px pour top et right (ou t'utilises bottom et left, enfin on se comprend) pour placer ton image exactement où tu veux. Et puisque t'as spécifié que la div était en relative, l'image va donc se baser sur cette div-là pour se positionner.
Olivier
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
alors en effet cela fonctionne merci d'ailleur, cependant l'image de l'id ruban de l'exemple bouge en fonction de la taille de la fenetre du navigateur ce qui pose probleme, y a t'il un autre moyen de positionner? pour qu'elle reste fixe, quelle que soit la résolution de l'écran?