Salut,
 
Tout est dans le titre:
 
Je voudrais trouver le moyen de mettre côte à côte des liens sans pour autant qu'il y ait un retour à la ligne lorsqu'il y a dépassement de la largeur de la fenêtre.
 
Vu que ces liens sont générés par un script, leur largeur n'est pas fixe et il y en a un nombre indéterminé, donc, impossible pour moi de les mettre dans un div à largeur fixe.
 
Est ce possible?

overflow : hidden;

CSS : white-space: nowrap;

Bah si je fais un overflow: hidden, mes éléments vont être cachés, non?
 
C'est pas ce que je veux. Ce que je veux, c'est que mes éléments puisse s'ajouter en enfilade, quel que soit leur nombre, et ce, sur la même ligne!

comprend po
Si tu nous montrai ton code et ta css déjà.
Mais si t'as pas de retour à la ligne ta div va s'élargir. Je vois pas l'intéret

 
Euh, ça ne semble pas marcher.
 
Imaginons le code suivant (très simplificateur)
 
pour le HTML:
 

 
Et le code CSS suivant:

 
Où dois je mettre mon white-space: nowrap?

http://www.w3schools.com/css/pr_text_white-space.asp

Bon, voici mon code, créé vite fait à la main:
 

 
Je voudrais que les boîtes rouge se mettent en enfilade, sans être bloquées par la largeur du #main ou même de ma fenêtre.
 
Je dois m'absenter qq instants.

dans ce cas m'est avis qu'il faut jouer avec les positions des blocs.

 
ca marche pas  

Me voilà de retour.
 
Donc, on est est où? Je n'ai toujours pas trouvé de solution à ce problème qui pourtant a l'air simple.
 
Est ce qu'au moins vous avez compris mon besoin?
 
Si on prend ce code:
 

 
Mon but est que les sections "Float" en rougent se rangent côte à côte, au lieu d'être ramenées sur plusieurs lignes...
 
J'ai aussi essayé de mettre le #large en position: absolute, mais ça ne marche pas... Ca avait l'air d'être une bonne piste...

• Pourquoi tu parles de lien a mettre cote a cote dans ton premier poste alors que tes exemples de code utilisent du div en pagaille ?
• Pourquoi utilises tu du div (element de type block) plutot qu'un élement de type inline dans ton cas ?

[HS]

• Pourquoi utilises tu 3 identificateur de CSS qui ont le MEME style ? (float1, float2 et float3)[/HS]

Bah j'ai voulu épurer mon exemple! Les liens ne changent pas grand chose à mon avis... Ce ne sera qu'un détail à rajouter par la suite.

Bah parce qu'à mon avis, avec les inline, ce sera encore pire (cf les listes faites avec des inline, ça passera à la ligne, j'en suis quasi certain.

Bah en fait, parce qu'à la base, je voulais personnaliser chacun des floatx. C'était une base de départ. Bien entendu, dans du "'vrai" code, je resterai avec une classe unique.
 
En fait, pour info, ça marche si je mets mes liens dans des celllules de tableau, mais c'est vraimen pas élégant, et également, j'ai des problèmes d'ajustement par la suite (cf ce poste: http://forum.hardware.fr/hardwaref [...] 4201-1.htm )
Donc, je voudrais éviter les tableaux.

Il faut pas mettre tes éléments en float mais plutot en position absolute. Bien que selon moi un simple <span> serait bcp plus judicieux.

Bah un span reviendrait à les mettre inline, donc, il vont "couler".
 
Concernant la position absolute, je mes mets absolute par rapport à quel parent? Par exemple, float2, je le mets absolute par rapport à qui? Et à quelle position? Car je rappelle qu'ici, j'ai mis des élements à largeur fixe, mais dans la réalité, il n'y aura pas de largeur fixe. Si il y avait une largeur fixe, ce serait simple: je mettrais dans ma page un div inisible ayant pour largeur la somme des largeurset ça marcherait.

Ca m'a l'air ben compliqué....
et puis à la limite les conteneurs c'est pas fait pour les chiens

Bon, sinon un display:inline, ça résoudrait pas le problème ?

le nowrap pour les elements inline et ca change tout.

Bon, bon, je m'en vais essayer ça! JE transforme mes div en span (ce qui revient à les mettre en inline) et je mets un nowrap sur le conteneur...

En fait, je ne sais pas si je m'y prends bien.
c'est quoi l'idée?
 
C'est d'avoir ça:

 
Est ce ça? Ca a l'air de marcher, mais si j'inclus des liens dans mon span, je ne pourrai pas alors leur mettre de bordure, non?

Si et même plus facilement.

Est ce celà le code que vous sous entendez:
 

 
Cad que je place toutes mes balises <a> dans un span unique auqeul j'ai donné l'attribute white-space: nowrap ? A la base, si je fais ça, les bordures horizontales de mes <a> ne sont pas disibles, car elles sont alors hors de la zone d'affichage. Je dois alors ruser avec les attributs de hauteur pour que les bordures apparaissent.
 
A la base, est ce que c'est l'idée à laquelle vous pensiez?

Non, il faut fermer le span à chaque fois.
Dans ton cas, j'aurais plutot prévu une liste d'ailleurs.
 
Autrement, tu n'es pas obligé de précisé ton span à chaque fois, dans ta css, tu peux faire :
#large span {
 
}
ou, si tu passais ça en liste :  
#large li {
 
}

Bon, j'essaie avec une liste toute fraîche et je reviens !

Bon, c'est encore très loin de marcher come je le souhaite, surtout pour mes bordures. Qui sont mangées plus ou moins différemment selon IE/Mozilla
 
Voici le code:
 

Voici une version améliorée, que vous pouvez essayer:
 

 
Mais ça reste moyennement satisfaisant, car le padding-top est beaucoup plus grand sous Mozilla que sous IE. (ça se voit clairement quand on lance ce code sous Mozilla et sous IE) et d'autre part, le display inline pour les listes fait apparaître un espace entre chaque cellule.

Je zieute et je te réponds.

Bon, bah dodo pour moi ! ("Tout le monde en parle" vient de finir)
 
Tu me diras
 
Merci

Bon, alors, vous avez pu essayer? En mettant mes éléments inline, j'ai vraiment du mal avec les bordures de mes <a>.
 
Déja, pour la bordure de gauche de l'élément de gauchen sous IE, elle n'apparait pas si je demande une bordure de 2px au moins.

Finalement, en faisant pas mal d'esssais, j'ai conclu que la bordure gauche de mon élément de gauche était "bouffée" sous IE lorsque la largeur de mon mail était trop petite, cad lorsque le nowrap était en action.
 
Bref, ça ne me convient pas du tout comme manière de faire, d'autant plus que le display: inline de mes <li> font qu'il y a un espace entre chacune de mes cellules... Vraiment pas terrible.
 
Je n'ai donc toujours pas trouvé de solution fiable et nette à mon problème.
 
Donc, en reprenant le code original et rendu propre, celui qui arrivera à obtenir le même effet à l'écran mais avec les fLoat rouges sur la même ligne aura répondu à mon problème...: