Salut les zéros,

VOilà je voudrais aligner 3 <div> l'un à coté de l'autre. J'essaie de me détacher des bons vieux <table> mais c'est pas facile.

Donc pour un aligner 2 il y a aucun problème. Je donne au premier la propriété 'float: right' et je pensais pour le troisième donner la propriété 'float: left' mais le troisième se met quand-même en dessous du deuxième.

Qqun une idée?? merci!

PS: J'ai lu un article comme quoi Xhtml 2.0 éliminerait les '<div>'? J'ai flashé ou je rêve?

Pour aligner troix div, et bien tu appliques un float:left; aux trois. C'est pas plus compliqué. Et pour éviter les bugs par la suite, le block suivant tu mettras un clear:left;
Amicalement

sinon avec la methode d'un float de chaque coté tu as surement fait une erreur dans le code html tu as du placer le flottant a gauche apres celui qui ne flotte pas

Regardez le code

l'HTML:


le CSS:



Le troisième <div> se met en dessous des deux autres.

Bonjour,

Voici tes 2 codes :

Le Html :


et le css :



Essaie ces changements dans tes 2 codes :

- dans le code css mets un float:left au div devant être placé à gauche, un left:right au div devant être placé à droite et aucun float pour celui du milieu (et essaie aussi de remplacer tes div. par .):

code css :


et dans ton code html intervertis l'ordre des div :

code html:


Dis-moi si ça fonctionne.

Caline

Non ça ne marche malheureusement pas...
Je pense que je vais devoir exceptionnellement utiliser des tableaux

Merci pour votre aide!

Salut,
Met juste un float:left au div que tu veut le plus à gauche et ne met rien aux autres qu devraient s'aligner normalement sur le premier. Je ne suis pas sur de moi sur ce coup la.
Bonne chance.

Bonsoir,

Voilà ton code CSS:


Etaprès avoir fait des essais, voilà ce que j'ai réussi à faire :



Pour moi, ça fonctionne. Bien sûr j'ai mis des couleurs aux cadres et un texte d'essai pour tester. A toi de personnaliser.

Caline