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 :

Problème de positionnement du texte


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2010
    Messages : 1
    Par défaut Problème de positionnement du texte
    Bonjour à tous,

    Débutant avec dreamweaver, je suis depuis plusieurs jours face à un problème de positionnement de texte.

    Voici mon code CSS :

    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
    23
    24
    25
    26
    27
    #contener
    	{
    		width:1250px;
    		background:#FFF;
    		margin:auto;
    		margin-top:5px;
    		border: solid 2px #000;
    	}
    #contenu
    	{
    		width:300px;
    		background:url(contenu_left.jpg) repeat-y top left;
    	}
    #contenu_left
    	{
    		width:300px;
    		background:url(contenu_left.jpg) repeat-y top left;
    		border:solid 2 px #000;
    		float:left;
    	}
    #contenu_p
    	{
    		margin-left:300px;
    		width:950px;
    		background:#FFF repeat-y top right;
    		margin-top:5px;
    	}
    Contenu left étant mon menu situé à gauche et contenu_p mon contenu principal.

    Le problème est que mon texte repris dans le contenu principal débute APRES ce qui est repris dans le contenu left alors que je voudrais pouvoir débuter mon texte au même niveau....

    Un petite illustration sera peut-être plus compréhensible.

    Nom : Sans titre.jpg
Affichages : 52
Taille : 26,9 Ko

    Je voudrais que mon texte "essai" se positionne au même niveau que "historique".

    Pouvez-vous m'aider à solutionner ce problème ?

    D'avance, je vous remercie.

    Tommy

  2. #2
    Membre confirmé Avatar de Dionyzos
    Homme Profil pro
    Développeur & Designer Web
    Inscrit en
    Février 2004
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur & Designer Web

    Informations forums :
    Inscription : Février 2004
    Messages : 134
    Par défaut
    Salut tommyh,

    Voici un code simple donnant ce que tu cherches :

    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
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
        <head>
            <title>Test</title>
            <style type="text/css">
            #contener {
                    margin: 5px auto;
                    border: solid 2px #000;
                    width: 1250px;
                height: 300px;
            }
     
            #contenu_left {
                    background-color: #18276A;
                    float: left;
                text-align: center;
                    width: 300px;
                height: 260px;
                padding: 20px 0;
            }
     
            #contenu_left A {
                background-color: #FEC466;
                color: #16286A;
                font-family: arial;
                font-size: 12px;
                text-decoration: none;
                padding: 5px 20px;
            }
     
            #contenu_p {
                float: left;
                    width: 930px;
                padding: 10px;
            }
            </style>
        </head>
        <body>
     
            <div id="contener">
                <div id="contenu_left">
                    <a href="#">Historique</a>
                </div>
     
                <div id="contenu_p">
                    ESSAI<br />
                    ESSAI<br />
                </div>
            </div>
     
        </body>
    </html>

    A toi d'ajuster et de compléter

Discussions similaires

  1. Problème de positionnement d'un text dans un PDF
    Par amine1980 dans le forum API standards et tierces
    Réponses: 5
    Dernier message: 13/12/2011, 11h58
  2. Problème positionnement image + texte dans div
    Par flashnet dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/07/2009, 17h11
  3. Menu horizontal: problème avec le positionnement du texte
    Par r0d dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 17/04/2009, 22h47
  4. Réponses: 4
    Dernier message: 17/07/2007, 17h49
  5. problème de passage de texte avec getvariable
    Par VincentB dans le forum Flash
    Réponses: 2
    Dernier message: 12/01/2004, 19h35

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