Image qui depasse volontairement d'une div

gege -  
olivierrobins Messages postés 227 Statut Membre -
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 :)

5 réponses

  1.
    olivierrobins Messages postés 227 Statut Membre 49
     
    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
    2
  2. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
     
    Tu peux peut-être la mettre en background ?
    0
  3. gege
     
    en fait je ne peux pas, sinon elle est englobée dans la div et ne donne pas l'effet escompté
    0
    1. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
       
      Je voulais dire de la mettre en background non pas dans le fameux div, mais dans son conteneur (body ou autre div).
      0
    2. gege
       
      et bien non, celà ne change rien car le conteneur a une largeur fixe, donc je ne peux faire depasser mon png, merci quand même.
      0
  4. gege
     
    merci pour le tuyau je teste sa merci : )
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. gege
     
    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?
    0
    1. olivierrobins Messages postés 227 Statut Membre 49
       
      normalement elle bouge uniquement si la div dans laquelle elle se trouve bouge, ce qui est normal non? Si elle bouge de façon indépendante à la div, alors tu as peut-être oublié de spécifier dans le CSS que la div qui la contient est en position relative.
      0

Discussions similaires

Retrouver l'image originale d'une photo modifiée
Raven -
Asta972155 -

10 réponses