image qui depasse volontairement d'une div Fermé

Question

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 :)
Configuration: Windows XP / Internet Explorer 8.0

olivierrobins · Accepted Answer

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

telliak · Answer

Tu peux peut-être la mettre en background ?

gege · Answer

en fait je ne peux pas, sinon elle est englobée dans la div et ne donne pas l'effet escompté

gege · Answer

merci pour le tuyau je teste sa merci : )

gege · Answer

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?

Image qui depasse volontairement d'une div

5 réponses

Discussions similaires