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 :

inline-block + padding


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de pmithrandir
    Homme Profil pro
    Responsable d'équipe développement
    Inscrit en
    Mai 2004
    Messages
    2 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Responsable d'équipe développement
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2004
    Messages : 2 419
    Par défaut inline-block + padding
    Bonjour,

    Sur ma page, j'essaye de faire en sorte que les cases contenant une idée ou un commentaire soit divisées en 2 parties cote a cote.
    a gauche l'avatar, a droite le contenu.

    http://www.test.jaiuneidee.net/12/se...e-version-test
    http://www.test.jaiuneidee.net/22/test-niveau-national

    Problème, quand je met un padding ou une margin dans le bloc de droite(pour éviter que mon texte soit collé au bord par exemple) le bloc entier part à la ligne dés qu'il y a trop de contenu.

    Comment puis-je faire pour le garder au même niveau ?
    Merci,
    Pierre

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    il faut faire attention aux dimensions de boites.

    Le calcul prend en compte la largeur + le padding + le margin:

    Avec : width: 79%; pour .box_content ça fonctionne.

  3. #3
    Membre Expert
    Avatar de pmithrandir
    Homme Profil pro
    Responsable d'équipe développement
    Inscrit en
    Mai 2004
    Messages
    2 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Responsable d'équipe développement
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2004
    Messages : 2 419
    Par défaut
    Merci, Ca marche pas mal.

    Pierre

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

Discussions similaires

  1. ie inline-block ou inline
    Par pierreconeille dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/10/2009, 22h10
  2. Des inline block partiellement cliquables
    Par Halex78 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 01/04/2009, 18h43
  3. display:inline-block; Problème avec Netscape navigator
    Par mehdi_scofield dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/11/2008, 16h44
  4. Problèmes avec display:inline-block
    Par NewbiePower dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/10/2007, 11h34
  5. utilisation de display:inline-block
    Par CUCARACHA dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/08/2007, 15h21

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