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 :

alignement de texte à gauche


Sujet :

Positionnement en CSS

  1. #1
    Membre du Club
    Homme Profil pro
    Inscrit en
    Janvier 2003
    Messages
    120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Janvier 2003
    Messages : 120
    Points : 64
    Points
    64
    Par défaut alignement de texte à gauche
    bonjour,

    je souhaiterai aligner mon texte de présentation à gauche, mais j'ai un décalage que je n'arrive pas à comprendre

    voici l'url : http://www.multimedia-net.com/index_test_css.php

    et le code CSS

    div#separ_haut {position:relative;top:3px;width:100%;color:#ff992b;background-color:#ff992b;height:1px;border:0;}
    div#navigation {position:relative;margin: 0 auto; width:770px;top:7px;left:0px;text-align:center;clear:both;}
    div#separ_hautb {position:relative;top:8px;width:100%;color:#ff992b;background-color:#ff992b;height:1px;border:0;}
    div#menu {position:relative;top:8px; left:Opx; width: 175px;float:left;}
    .fond_menu_haut {background-image:url(images/fond_entete_menu.gif);font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; color: #676799}
    .fond_menu {background-image:url(images/fondbloc_menu.gif);}
    div#content {position:relative;left:175px;top:8px;background-image:url(images/fond.jpg); text-align:left;}


    et le code html

    <div id="conteneur">
    <div id="logo"><img alt="logo" src="images/logo-multimedia_net.gif" width="319" height="81" usemap="#Map" border="0" /></div>
    <div id="pub"><mx:bloc id="pub"></mx:bloc id="pub"></div>
    <div id="separ_haut"></div>
    <div id="navigation"><mx:bloc id="navigation"></mx:bloc id="navigation"></div>
    <div id="separ_hautb"></div>
    <div id="menu">
    <mx:bloc id="colonne_menu"></mx:bloc id="colonne_menu">
    <mx:bloc id="colonne_menu_b"></mx:bloc id="colonne_menu_b">
    <mx:bloc id="colonne_menu_c"></mx:bloc id="colonne_menu_c">
    <mx:bloc id="colonne_menu_d"></mx:bloc id="colonne_menu_d">
    <mx:bloc id="colonne_menu_e"></mx:bloc id="colonne_menu_e">
    </div>
    <div id="content">
    <mx:bloc id="colonne_c0"></mx:bloc id="colonne_c0">
    <mx:bloc id="colonne_c7"></mx:bloc id="colonne_c7">
    </div>
    </div>

    merci de votre aide !

  2. #2
    Membre du Club
    Homme Profil pro
    Inscrit en
    Janvier 2003
    Messages
    120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Janvier 2003
    Messages : 120
    Points : 64
    Points
    64
    Par défaut
    bon, j'ai résolu le pb en utilisant les largeurs et float : right ; pour que le contenu prenne la place restante
    je ne suis pas sur que ce soit la solution la plus elegante

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

Discussions similaires

  1. Réponses: 10
    Dernier message: 23/12/2010, 11h27
  2. Aligner les textes à gauche dans les formulaires
    Par jakkihm dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 12/11/2007, 10h35
  3. Aligner un texte en bas-gauche et Centrer une image
    Par kurkaine dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/03/2007, 13h06
  4. [CSS] aligner texte à gauche d'une image
    Par ilood dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 05/06/2005, 17h04
  5. Aligner du texte à gauche et à droite sur une même ligne ?
    Par pontus21 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 12/04/2005, 12h25

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