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'une Image selon taille du DIV


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut Taille d'une Image selon taille du DIV
    Bonjour,

    Voilà, j'ai une image que j'ai mit en fond (background) dans mon div.
    Le truc c'est que ce div à une largeur variable selon la largeur de l'écran de l'internaute...

    Je voudrais que la largeur de mon image s'y adapte. Non par répeter l'image mais l'étendre...

    J'espère avoir été assez claire
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  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
    Il est impossible d'étirer un background en CSS.

    Tu peux toujours feinter en mettant directement la balise img pour ton image dans ton div en question, de taille 100% et le texte en position absolue par-dessus.

  3. #3
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par MimiCracra44
    Je voudrais que la largeur de mon image s'y adapte. Non par répeter l'image mais l'étendre...
    Ca risque de nuire à sa qualité, non ?
    Ca dépend de l'image elle-même, mais ne vaudrait-il pas plutôt la prévoir de la taille max que pourra prendre le div, et la "rogner" en-dessous de cette taille ?

    A+

  4. #4
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    La rogner? Comment?

    Parce que présentement, elle est un peu supérieure en hauteur et dépasse du div...


    Et puis, l'image en question est un dégradé en fait...
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par MimiCracra44
    La rogner? Comment?
    Ben si elle est en background d'un div plus petit, elle le sera de fait, non ?

    Sinon, vue l'image, avec la solution de Bisunurs, elle ne devrait pas être trop "dégradée", finallement ...

    A+

  6. #6
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    position: absolute pour le texte... je fais ça comment? Car tout mon div se casse la figure si je met ça...
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  7. #7
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    normalement un position relative suffit si ton image est bien placé avant dans le html
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

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

Discussions similaires

  1. Redimensionner une image selon taille de la fenêtre
    Par CLeBeR dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 12/12/2014, 14h31
  2. [Galerie] Ajuster une popup à la taille d'une image
    Par andre_21 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 19/09/2011, 07h00
  3. Taille d'une image et taille d'une fenêtre
    Par Yachas dans le forum wxPython
    Réponses: 11
    Dernier message: 06/10/2009, 16h44
  4. Réponses: 4
    Dernier message: 12/09/2008, 14h30
  5. [image magick] taille d'une image
    Par let_me_in dans le forum Graphisme
    Réponses: 1
    Dernier message: 04/12/2007, 22h56

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