Discussion :

[owenho]

Bonjour,

j'ai aligner trois div sur la méme ligne, j'ai créer pour chaque div son id,

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
<div id='centre_intret'>
		<h2 class='h2_divers'>Centre d'intérets : </h2>
		<hr>
 
</div> 
<div id='qualite_perso'>
 
<h2 class='h2_divers'>Qualités Personnelles : </h2>
<hr>
 
</div> 
<div id='langue'>
 
<h2 class='h2_divers'>Langues : </h2></div> 
<hr>
 
</div>

voila le css de chaque div :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
#centre_intret
{
float:left;
width:300px;
height:100px;
padding-top:10px;
padding-left:10px;
background-color:#B0C4DE;
border-radius:15px;
	!float : left;
box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
}
#qualite_perso
{
float:right;
width:300px;
height:100px;
padding-top:10px;
padding-left:10px;
background-color:#B0C4DE;
border-radius:15px;
box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
}
#langue
{
margin:0 auto;
width:200px;
height:100px;
padding-top:10px;
padding-left:10px;
background-color:#B0C4DE;
border-radius:15px;
box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.65);
}

quand j'ai fait la balise hr sous chaque titre du div , ils apparaissent comme ça :


pourquoi le HR de deusieme div s'affiche centré et non sous le titre comme les autres .

Cordialement,

[Muchos]

C'est la faute à DIV

Code html :

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

<h2 class='h2_divers'>Langues : </h2></div>

Pensez au validateur pour debugger vos pages

PS Peut-être serait-il plus sûr de mettre vos attributs entre guillemets doubles ("). Le guillemet simple ne supporte pas les espaces. Faux! Voir plus bas.

[owenho]

parfois on ne voit rien .

PS Peut-être serait-il plus sûr de mettre vos attributs entre guillemets doubles ("). Le guillemet simple ne supporte pas les espaces.

Merci pour l'info.

Merci beaucoup,

[Bovino]

Le guillemet simple ne supporte pas les espaces.

Tu es sûr de ça ?
C'est surtout quand il n'y a pas de quotes que les espaces ne sont pas possibles, mais la spécification autorise aussi bien les doubles que les simples quotes.

[Muchos]

Tu es sûr de ça ?

Non : je m'étais fié à la coloration syntaxique de mon éditeur, et je n'aurais pas dû -_- L'usage de guillemet simple est ok.