span dans un H3

**nicerico** · 08/07/2008, 16h30

Bonjour

sans trop toucher au css, je dois faire une petite intervention toute bete
mais je n'y arrive pas !
il faudrait que le 1er span aligne le texte à gauche(ce qui est le cas)
et (ce que j'ai du mal à faire) aligner le texte du 2eme span à droite
voici le code :

Code :

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

1
2
3
4
5
6
7
 
<div id="bloc-contenu">
		<h3>
		<span>ALAIN SONNET</span>
		<span>E64</span>
		</h3>
</div>

et le 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
 
#bloc-contenu{
	width: 650px;
	float:right;
	position : relative;
	margin-right:20px;
}
H3 {
background-color:#66CCFF;
	line-height: 20px;
	color: #795b91;
	margin: 8px 0 10px 0;
	font: bold 13px arial;
	text-indent: 10px;
	border-left: #795b91 3px solid;
	margin-left:10px;
}

j'ai tenté pleins de choses sans obtenir le bon resultat

Merci de votre aide

**FraK** · 08/07/2008, 17h21

Code :

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

1
2
3
4
5
6
<div id="bloc-contenu">
		<h3>
		<div align=left><span>ALAIN SONNET</span></div>
		<div align=right><span>E64</span></div>
		</h3>
</div>

Normalement ça fonctionne.

**nicerico** · 08/07/2008, 18h28

merci

c'est presque ça sauf que tout doit rester sur une ligne
ça fait :

ALAIN SONNET
___________________________________________E64

au lieu de :

ALAIN SONNET_______________________________E64

avec les underscores en moins

**FraK** · 09/07/2008, 09h13

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
 
#bloc-contenu{
width: 650px;
height: 20px;
}
 
#gauche{
height: 20px;
width: 325px;
float: left;
text-align: left;
}
 
#droite{
height: 20px;
width: 325x;
float: left;
text-align: right;
}

Code :

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

1
2
3
4
5
6
7
8
9
 
<body>
<div id="bloc-contenu">
		<h3>
		<div id="gauche">ALAIN SONNET</div>
		<div id="droite">E64</div>
		</h3>
</div>
</body>

**nicerico** · 09/07/2008, 10h43

merci mais même resultat que precedement
avec les propriété du "H3" en moins

je suis deseperé de bloqué sur un truc pareil !

**FraK** · 09/07/2008, 10h48

En supprimant ton h3 et en rentrant ses attributs dans le div conteneur ca ne marche pas non plus ?

**Bisûnûrs** · 09/07/2008, 10h48

Code html :

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

1
2
3
4
5
6
<div id="bloc-contenu">
   <h3>
      <span style="float:left">ALAIN SONNET</span>
      <span style="float:right">E64</span>
   </h3>
</div>

Je te laisse le soin de mettre le CSS dans la feuille de style.

span dans un H3

CSS

Vue hybride

Discussions similaires

Partager

Partager