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 :

Application d'un height 100% sur une image sans effet


Sujet :

CSS

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2006
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 37
    Points : 16
    Points
    16
    Par défaut Application d'un height 100% sur une image sans effet
    Salut,

    j'ai le même problème que ici : http://www.developpez.net/forums/d63...zilla-firefox/, et je souhaite conserver le % sur la hauteur de mon image :

    je créé un cadre ayant un dégradé vertical, je souhaite donc avoir une image étirée verticalement sur les bords droit et gauche
    le problème c'est que firefox m'affiche toujours l'image à sa taille d'origine sans tenir compte des dimensions du conteneur de cette image (en l'occurence un td)
    j'ai retourné ça dans tous les sens, en css ou html de base, ça délire toujours si la hauteur de mon image est supérieure à la hauteur du td affiché, mais si elle est inférieure, y'a aucun souci

    une idée ?

    merci d'avance

  2. #2
    Membre averti Avatar de Poulpynette
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2006
    Messages
    349
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 47
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Points : 391
    Points
    391
    Par défaut
    Bonjour,

    Sans ton code HTML / CSS difficile de t'aider ...

    D'autant plus que ce n'est pas très clair pour moi ce que tu racontes
    Développeuse
    Merci d'expliquer aux autres la solution si vous la trouvez, par respect pour ceux qui prennent le temps de tenter de vous aider !

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2006
    Messages : 69
    Points : 50
    Points
    50
    Par défaut
    j'ai retourné ça dans tous les sens, en css ou html de base, ça délire toujours si la hauteur de mon image est supérieure à la hauteur du td affiché, mais si elle est inférieure, y'a aucun souci
    Alors fais des images de taille inférieure et elles s' adapteront ?

    As-tu précisé la taille du <td> qui contient l' image ?

    Si ça ne marche pas en % essaye en pixels

    Tout marche correctement:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <table>
    <tr>
    <td style="width:50px" > ou <td style="width:50%">
    <img src="image.jpg" style="width:100%;" />
    </td>
    <td>
    Image
    </td>
    </tr>
    </table>

Discussions similaires

  1. Dézoomer sur une image sans altérer sa qualité
    Par Basile le disciple dans le forum Débuter
    Réponses: 2
    Dernier message: 29/04/2013, 19h23
  2. Réponses: 2
    Dernier message: 17/06/2010, 13h46
  3. [script.aculo.us] [Débutant] Survol d'une image sans effet -> ?
    Par souffle56 dans le forum Bibliothèques & Frameworks
    Réponses: 5
    Dernier message: 23/04/2010, 23h00
  4. Application d'homothetie sur une image
    Par Khertan dans le forum Calcul scientifique
    Réponses: 2
    Dernier message: 04/01/2008, 17h26
  5. Réponses: 8
    Dernier message: 10/10/2007, 16h51

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