Alignement de div [Résolu]

[crazymonkey]

Bonjour à tous,

Voici ce que j'obtiens actuellement :



En réalité, je souhaiterai que les div soit alignés en ligne et colonne. J'ai essayé de définir une taille fixe aux div et ensuite de les placer avec un margin mais sans résultat.

Voici le CSS :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
.name {
width:100px;
font-size: 10px;
font-weight: bold;
margin-left: 10px;
border: 1px solid blue;
 
}
.email {
width:100px;
font-size: 9px;
margin-left: 10px;
border: 1px solid orange;
}
.group {
width:100px;
font-size: 10px;
font-weight: bold;
margin-left: 10px;
border: 1px solid red;
}

Merci d'avance pour votre aide.

[jreaux62]

Bonjour,
ton code html aurait été utile ...

<style type="text/css">
.name {
float:left;
width:100px;
font-size: 10px;
font-weight: bold;
margin-left: 10px;
border: 1px solid blue;
}
.email {
float:left;
width:100px;
font-size: 9px;
margin-left: 10px;
border: 1px solid orange;
}
.group {
float:left;
width:100px;
font-size: 10px;
font-weight: bold;
margin-left: 10px;
border: 1px solid red;
}
.bloc {
clear:both;
}
</style>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="bloc">
	<span class="name">nom1-sqdf dfsdf</span>
	<span class="email">email1@sqdfsdfsd.fs</span>
	<span class="group">group1-sqdf sdf</span>
</div>
<div class="bloc">
	<span class="name">nom2-sdfgt ghkhlg</span>
	<span class="email">email2@hoyuio.sdf</span>
	<span class="group">group2-azezezaeae ez</span>
</div>
<div class="bloc">
	<span class="name">nom3-qsd wqsdsdsd</span>
	<span class="email">email3@kljklklk.kl</span>
	<span class="group">group3-klmkio</span>
</div>

[crazymonkey]

Merci beaucoup et désolé pour l'oubli du code html