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 :

Probleme d'alignement horizontal block


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Homme Profil pro
    Entrepreneur
    Inscrit en
    Juillet 2005
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Entrepreneur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2005
    Messages : 6
    Par défaut Probleme d'alignement horizontal block
    Bonjour,

    Je m'en remets à la communauté Développez en terme de CSS afin d'essayer de garder quelques cheveux sur la tête car effectivement je m'en arrache un paquet aujourd'hui.

    J'ai un gros (certainement petit pour les experts) problème.

    J'essaye de créer un Cadre, avec 3 blocks horizontaux dedans. Exemple comme ceci : http://www.fredods.com/aide/ex-block.jpg.

    Le problème comme vous le devinez, ça ne marche pas, sinon ce post n'existerait pas.

    Quand je le fais, les textes sont écrit à chaque fois les uns sous les autres, mais les délimitations de bordure droite sont justes bizarre quoi.

    Pour info voici le CSS actuel :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    .block1{
    	border-right: 1px solid #c6c6c6;
    	width: 20%;
    	display: inline-block;
    }
     
    .block2{
    	border-right: 1px solid #c6c6c6;
    	width: 60%;
    	display: inline-block;
    }
     
    .block3{
    	width: 20%;
    	display: inline-block;
    }
    Si quelqu'un avait une solution, je vous en remercierai, et si possible m'expliquer le pourquoi du comment, car je demande certes de l'aide, mais je suis ici pour apprendre également.

    J'ai éplucher les tutoriaux d'alignement CSS mais rien à faire. Depuis 14h je suis sur ce souci.

    Dans l'attente de vous lire,

    Frédérique

  2. #2
    Membre habitué
    Homme Profil pro
    Entrepreneur
    Inscrit en
    Juillet 2005
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Entrepreneur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2005
    Messages : 6
    Par défaut
    Je viens de régler mon souci.

    Il suffisait d'un Float:left;.

    Mais mon problème venait du faite que mes 3 cadres additionnés prenait 100% en longueur. Or, j'ai inclus des bordures, donc il a fallu baisser la width.

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

Discussions similaires

  1. Probleme css alignement horizontal tableau
    Par reno93 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/06/2009, 18h14
  2. Probleme avec alignement des items d'un menu horizontal sous IE
    Par van___fanel dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 05/12/2007, 18h00
  3. [CSS] Alignement horizontal
    Par Jiraiya42 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/01/2006, 11h30
  4. probleme d'alignement vertical
    Par mangamat dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 15/02/2005, 22h46
  5. Probleme d'alignement.
    Par roots_man dans le forum ASP
    Réponses: 4
    Dernier message: 30/09/2004, 16h13

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