Alignement à gauche et a droite

**elekaj34** · 19/11/2007, 17h31

Bonjour,

Je souhaite avoir sur une même ligne (visuelle) un texte aligné à gauche, et en face, c'est a dire aligné à droite un autre texte.

J'ai tourné le Web dans tous les sens, et une partie de se forum, mais je butte toujours. Ma partie droite se retrouve toujours aligné correctement, mais avec un saut de ligne par rapport au texte de gauche.

Par ex, pour ce qui donne le meilleur résultat, voici un extrait de mon 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
/* Titre des articles */
.titre {
	margin: 1px;
	line-height: 1.2em;
	background-color: #eaeaec;
	padding: 4px;
	text-align: left;
	font-weight: bold;
        position:relative
}
 
/* Prix des articles */
.prix {
	margin: 1px;
	line-height: 1.2em;
	background-color: #eaeaec;
	padding: 4px;
	text-align: right;
	position: relative;
}

et la partie HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="mgs_titre"><a href="URL_ARTICLE">LE TITRE</a><div class="mgs_prix">LE PRIX</div></div>

Comment puis je faire pour avoir mes deux alignements de corrects ?

Cordialement,

Elekaj

**franculo_caoulene** · 19/11/2007, 19h59

Salut,

Si j'ai bien compris ton problème, tu n'as pas bien retourné le net

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
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv="content-type" />
    <title>Alignement gauche/droite</title>
    <style>
    * {margin: 0; padding:0;}
    #conteneur {width:400px; height:100px; background-color:#cccccc;}
		#conteneur a {float:left;}
		#conteneur p {float:right;}
    </style>
  </head>
  <body>
    <div id="conteneur">
		<a href="URL_ARTICLE">LE TITRE</a>
		<p>LE PRIX</p>
    </div>
  </body>
</html>

Il ne faut pas négliger les marges intérieures et extérieures.