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 verticalement en bas les éléments d'une div


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    sans emploi
    Inscrit en
    Février 2014
    Messages
    365
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : sans emploi
    Secteur : Conseil

    Informations forums :
    Inscription : Février 2014
    Messages : 365
    Par défaut Aligner verticalement en bas les éléments d'une div
    bonjour,
    j ai 2 div dans une div row
    La première a une grande hauteur en raison de l'image
    Comment faire pour que les éléments de la 2eme div de classe <div classe="col-lg-4 col-md-4 col-sm-4">
    soient aligné verticalement le plus bas possible

    j ai essayé avec le css suivant mais les éléments de p sont situés en haut de la div
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .couleur_logo{
    vertical-align:bottom;
    }
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <div class="row">
        <div class="col-lg-8 col-md-8 col-sm-8">
    		<a href="index-fr.html" target="_self" class="entete"  title="Acceuil"> 
    			<img class="image100" src="logo3bis.png" alt="Français" />
    		</a>
        </div>
    	<div class="col-lg-4 col-md-4 col-sm-4">
    		<p class="couleur_logo">
    		<span class="glyphicon glyphicon-phone"></span> : 07 62 49 04 41<br>
    		<span class="glyphicon glyphicon-phone"></span> : 06 67 19 49 89<br>
    		<span class="glyphicon glyphicon-envelope"></span> Mail : abitatdeco@yahoo.fr 
    		</p>
        </div>	
    </div>

  2. #2
    Membre éprouvé
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Juillet 2014
    Messages
    92
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Juillet 2014
    Messages : 92
    Par défaut
    Salut,

    Tu peux faire comme ça, mais à voir si ça pète pas ta mise en page bootstrap.

    https://jsfiddle.net/black_hawk_down/La0r7sdp/

  3. #3
    Membre éclairé
    Homme Profil pro
    sans emploi
    Inscrit en
    Février 2014
    Messages
    365
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : sans emploi
    Secteur : Conseil

    Informations forums :
    Inscription : Février 2014
    Messages : 365
    Par défaut
    avec ca ca fonctionne

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    .div_entete {
    display: table;
    }
    .div_entete > div {
    float: none;
    display: table-cell;
    }

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

Discussions similaires

  1. Centrer verticalement les éléments d'une ligne
    Par codera dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 23/12/2012, 22h27
  2. Trier les éléments d'une CListCtrl
    Par hanane_iaai dans le forum MFC
    Réponses: 21
    Dernier message: 15/10/2007, 04h52
  3. Réponses: 2
    Dernier message: 27/12/2005, 20h09
  4. [TestStand] Compter les éléments d'une chaîne de caractères
    Par capblans dans le forum Autres langages
    Réponses: 2
    Dernier message: 29/04/2005, 09h29
  5. Réponses: 2
    Dernier message: 11/08/2003, 09h43

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