Problème de positionnement du texte

**tommyh** · 20/05/2010, 21h49

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

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

**Dionyzos** · 25/05/2010, 13h27

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

Problème de positionnement du texte

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager