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 :

Aligner une IMAGE dans le bas d'un DIV


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 22
    Par défaut Aligner une IMAGE dans le bas d'un DIV
    Bonjour
    Comment faire pour qu'une petite image reste toujours aligne dans le bas d'une div (et dans cette div) ?

    Par exemple :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #DIV1 {
    width:200px;
    <sa hauteur sera variable 400à800px>;
    }

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div id="DIV1><img src=.....></div>

    La haut du div va varier suivant les pages du site.
    Et je souhaite que mon image soit dans ce div et dans son bas.


    MERCI

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonsoir,

    En utilisant le positionnement absolue par exemple.

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    #DIV1 {
       width:200px;
       position:relative;
    }
     
    #DIV1 img {
       position:absolute;
       left:0; bottom:0;
    }

    Sinon display:table-cell avec les correctifs qui s'imposent pour IE7- (assez compliqué à mettre en place étant donné la hauteur variable)

Discussions similaires

  1. Alignement des images dans une galerie de miniatures
    Par aquariote dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/01/2015, 10h08
  2. aligner une image en bas
    Par stars333 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/05/2007, 23h34
  3. Peut on mettre une image dans une BD MySQL ?
    Par maddog2032 dans le forum SQL Procédural
    Réponses: 3
    Dernier message: 25/07/2003, 16h18
  4. Une image dans un composant ?
    Par bjl dans le forum Composants VCL
    Réponses: 2
    Dernier message: 20/03/2003, 11h28
  5. [VB6] [Excel] Insérer une image dans une feuille
    Par mathias dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 09/10/2002, 07h44

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