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 :

taille d'image différente en background qu'en img


Sujet :

CSS

  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    230
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 230
    Par défaut taille d'image différente en background qu'en img
    Bonjour,

    Je voudrais savoir pourquoi en déclarant une image(<img ........) dans un div elle aura les dimensions de la div mais si on la met en background on voit qu'elle s'affiche avec sa taille d'origine. Y aura t-il une solution sachant que je voudrais utiliser l'image en background.

    Merci.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Si tu veux étendre une image de fond, il faut utiliser la propriété CSS3 background-size, qui n'est donc pas implémentée sur tous les navigateurs.

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    230
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 230
    Par défaut
    Comme t'as dis
    CSS3 background-size, qui n'est donc pas implémentée sur tous les navigateurs.
    c'est pour ça je cherche une autre solution

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Y en a pas vraiment .. Mais tu peux t'inspirer de ça :
    http://www.developpez.net/forums/d19...to-background/

  5. #5
    Membre Expert
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Octobre 2008
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Octobre 2008
    Messages : 1 051
    Par défaut
    Tu peux déjà utiliser la position:fixed; afin que ton image ne s'étire pas dans toute la hauteur.

    Sinon sur le net j'avais vu des soluces en javascript (oui oui) ou alors créer des div qui serviraient de background, et donc pouvoir utiliser les propriétés width et heigth ... mais j'ai pas réussi à mettre en place. Puis en réfléchissant, étirer une image, ça ferait vraiment très cracra en background ..

    Le mieux c'est faire ton fond dans un grand format et le mettre en fixe de ton arrière fond.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. taille d'image différente sur firefox
    Par ickyknox dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/10/2013, 15h18
  2. [Débutant] construction d'une image à partir de deux images différentes en taille
    Par inessfar dans le forum Images
    Réponses: 4
    Dernier message: 16/05/2013, 16h03
  3. Taille d'une image différente sous Firefox
    Par marie mouse dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/10/2007, 12h34
  4. [HTML][débutante] Map ou Onclick sur image ? Différent ?
    Par khany dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 08/12/2004, 14h05

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