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 :

J'ai un souci de positionnement css


Sujet :

Positionnement en CSS

  1. #1
    Membre confirmé
    Inscrit en
    Mai 2006
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 62
    Par défaut J'ai un souci de positionnement css
    Bonjour, j'ai un petit souci de CSS :
    mon code :
    .haut {
    background-image: url(img/haut.gif);
    background-position: center top;
    width: 727px;
    height: 113px;
    }
    .gauche {
    background-image: url(img/gauche.gif);
    background-position: left center;
    width: 162px;
    height: 256px;
    }
    .corps {
    background-image: url(img/corps.gif);
    background-position: right center;
    width: 540px;
    height: 253px;
    }
    .bas {
    background-image: url(img/bas.gif);
    background-position: center bottom;
    width: 418px;
    height: 60px
    }
    Mon souci c'est que gauche c'est mon menu et il mes mon menu et dessous le corp je voudrais que le corps soi juste a coter du menu. merci de m'aider
    clement

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    sans le code HTML, ca va être dur de te dire ou se trouve le probleme
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    un petit float sur .gauche, une marge gauche sur le corps et ca devrai resoudre ton probleme.
    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
    17
    18
    19
    20
    21
    22
    .haut {
    background: url(img/haut.gif) center top;
    width: 727px;
    height: 113px;
    }
    .gauche {
    background: url(img/gauche.gif) left center;
    width: 162px;
    height: 256px;
    float: left;
    }
    .corps {
    background: url(img/corps.gif) right center;
    width: 540px;
    height: 253px;
    margin-left: 162px;
    }
    .bas {
    	width: 418px;
    	height: 60px;
    	clear: both;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div class="haut">haut</div>
    <div class="gauche">menu</div>
    <div class="corps">corps</div>
    <div class="bas">bas</div>

Discussions similaires

  1. div, span, imbrication et positionnement css
    Par bambou dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 28/04/2007, 17h17
  2. Souci de positionnement
    Par Plom dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 19/01/2007, 16h23
  3. problème de positionnement css avec IE7
    Par rasleboldesid dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 01/09/2006, 20h11
  4. problème positionnement CSS
    Par Mike35 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 24/02/2006, 10h38
  5. Positionnement CSS, j'comprends rien !!
    Par guano dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 16/01/2006, 16h40

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