[XHTML] Aligner trois blocs horizontalement
Bonjour,
J'ai trois blocs et je voudrais qu'ils tiennent côte à côte, au lieu de s'aligner les uns en dessous des autres.
ça c'est mon css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
.nouveauteGlobal
{
float:left;
width:540px;
}
.nouveaute
{
width:168px;
height:auto;
}
.menuDroiteCateg
{
width:176px;
} |
ça c'est le html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<div class="nouveauteGlobal">
<div class="menuDroiteCateg"> </div><!--ferme menuDroiteCateg -->
<div class="nouveaute"></div><!--ferme nouveaute -->
<div class="menuDroiteCateg"></div><!--ferme menuDroiteCateg -->
<div class="nouveaute"></div><!--ferme nouveaute -->
<div class="menuDroiteCateg"> </div><!--ferme menuDroiteCateg -->
<div class="nouveaute"></div><!--ferme nouveauteB -->
</div><!-- ferme la div nouveauteGlobal --> |
Comme vous l'aurez constaté, les trois blocs sont identiques. J'ai essayé pas mal de truc à base de float left, display inline, le résultat est relativement lamentable.:roll:
Donc je m'en remet à vous :D
