Discussion :

[psychoBob]

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 :

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

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 :

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

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.

Donc je m'en remet à vous

[psychoBob]

J'ai essayé display inline dans nouveauteGlobal; ça ne change rien. Si j'y ajoute float:left ça fait pareil que si il n'y a pas display:inline.
Si j'ajoute display:inline dans nouveaute, le résultat est atroce, les liens sont en marche d'escalier.

Le résultat le moins mauvais c'et en ajoutant float:left dans nouveaute et nouveauteGlobal.
Mais là ça me donne un truc bizarre : les trois blocs sont à l'horizontale, mais chaque bloc est aligné sous le niveau de menuDroiteCateg.

[<romain/>]

bonjour,

tu mes les troisen float : left et dans ton code (x)html tu commence par mettre le bloc de gauchepuis celui du milieu et enfin celui de droite.


romain

[psychoBob]

J'ai réussi entre temps, j'ai du modifier pas mal la mise en page et l'ordre des balises, mais bon je vous passe les détails.
Le float left était bon, le display:inline s'est fait expulser de mon code.

En fait j'ai réussi tout seul mais bon ça motive d'avoir d'avoir des réponses.

Merci les gars