IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Intégrer une image dans une div sans la déformer


Sujet :

CSS

  1. #1
    Membre actif
    Inscrit en
    Mai 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 140
    Points : 233
    Points
    233
    Par défaut Intégrer une image dans une div sans la déformer
    Bonjour à tous.

    Voici mon problème. Dans le design de mon site, j'ai une div dans laquelle je veux mettre une image de fond. Jusque ici pas de problème mais ça se complique juste après.

    En effet, cette div n'a pas de dimensions propres. La dimension de la div va dépendre de la taille de la fenêtre du navigateur. Du coup lorsque je fais un background-image pour intégrer l'image en fond, ma page est déformée et la div prend le format de l'image.

    Ce que je voudrais, c'est que si suite au chargement d'une page, il apparaît que la div fait 300px de large, alors l'image en arrière-plan de la div ne sera que de 300px de large. Que l'image en background ne puisse pas modifier la taille de la div quoi.

    Est-ce que l'un d'entre vous peut m'aider ?

    Merci beaucoup par avance.

  2. #2
    Membre actif
    Profil pro
    Developpeur web et Access VBA
    Inscrit en
    Janvier 2003
    Messages
    457
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Developpeur web et Access VBA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2003
    Messages : 457
    Points : 203
    Points
    203
    Par défaut
    Pourquoi ne pas mettre ton image de fond dans le body, ou dans un plus grand conteneur que le div qui doit recevoir autre chose ?
    VrroOOOAAAAAPPPPPPPPPP !!!

  3. #3
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    Par défaut
    Bonjour,

    Encapsule ton div actuel dans un nouveau qui ne servira qu'à avoir ton image de fond ?
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

Discussions similaires

  1. [Débutant] Manipulation d'images : intégrer une image dans une image
    Par noscollections dans le forum VB.NET
    Réponses: 2
    Dernier message: 17/10/2014, 11h51
  2. Réponses: 1
    Dernier message: 21/01/2011, 10h17
  3. Mettre une Image dans une Image
    Par shadowhocine dans le forum SWT/JFace
    Réponses: 2
    Dernier message: 19/12/2006, 18h40
  4. Réponses: 3
    Dernier message: 30/10/2006, 11h21
  5. Insérer une légende dans une image avec une police plus petite
    Par Paulinho dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 3
    Dernier message: 29/04/2006, 14h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo