Dylav

Bref, on peut résumer en disant que l'affichage merde quand c'est pas assez large !

Ce n'est effectivement pas une question de taille d'écran, mais de résolution (ce qui, souvent, revient un peu au même, je vous l'accorde). En largeur 1024, pas de problème (au-dessus non plus). Mais en 800, on constate le recouvrement que nous signale Sacles. Vous pouvez essayer en diminuant la largeur de la fenêtre de votre navigateur... Yann est sur le coup, il va nous arranger ça aux petits oignons, comme d'hab'

Ah, les Tontons Flingueurs...

Fruit de... la passion ! 88 ? explanations, please...

Martien ? Petit homme vert !

S é rieux, moi ? Mououououaaaarrrrffff ! ... mai s b û che !

Si tes "lignes" sont systématiquement composées d'un texte "central" s'ajustant à une éventuelle image à droite et une éventuelle image à gauche, [image] - texte - [image], je te propose une structure plus simple qui t'évitera des calculs compliqués. Et ceci avec le bloc inline <span> <div class="ligne"> <span class="gauche"><img src="ImageDeGauche.jpg"></span> <!-- optionnel --> <span class="droite"><img src="ImageDeDroite.jpg"></span> <!-- optionnel --> texte central </div> Tu mets l'une ou l'autre ou les deux images, et le texte (par exemple centré) occupera tout l'espace restant. A tel point que tu auras intérêt à prévoir une marge droite pour l'image de gauche, et une marge gauche pour l'image de droite. .ligne {width:100%; min-width:800px; max-width:2000px; text-align:center;} .gauche {float:left; margin-right:20px;} .droite {float: right; margin-left:20px;} Et... double bénéfice, tu n'auras plus besoin de forcer le saut à la ligne : enlève le clear:both; qui n'interférera plus avec ton menu de droite... Malheureusement, ta première "ligne" déroge à la présentation [image] - texte - [image]. La forme float:center; n'existe hélas pas... Alors, je crois qu'il faut que tu fasses passer les deux "textes" d'un seul côté de l'image ? Nota : pour la carence d'IE sur min-width et max-width, regarde les liens que je t'avais indiqués ci-dessus. Au moins l'un d'eux fournit un contournement ciblé (en JavaScript directement dans la feuille de style !).

Marguerite (Donnadieu, plu s connue s ou s le nom de Dura s ) Keuf... keuf.. Cyril, tu pollues, avec ton tacot !

La r è gle du jeu e s t l à , s imple et claire. Je t'engage, Jean-Mimi, à v é rifier le s é rieux de s explication s d'An s waz... Notez qu'hier, c'e s t DAVY qui a gagn é la b û che ! ... et b û che !

bûche

Mar s , hue π , l ’ ami ! (comme di s ait S pirou à Fanta s io)

Rat é ? Je dirai s m ê me plu s : rat atin é !

Ne t'inquiète pas pour lui, il est amoureux, il a refait le tri de ses centres d'intérêt, on ne le voit [presque] plus...

bûche

b û che

S cion s une... b û che !

Faut tout faire, ici... b û che

Pour ton problème de mélange de "lignes", il faudrait que tu ajoutes l'attribut clear:both; pour forcer un retour à la "ligne" après chaque bloc ligne, - soit dans la classe "ligne" (excuse-moi de revenir à mes étiquettes perso), - soit (à tester si les résultats ne sont pas concluants), au titre du dernier bloc de chaque ligne. Cela devrait résoudre tes points 1 et 2. Pour le point 3, je ne comprends pas : la taille maximale du bloc conteneur ne peut pas être dépassée par la somme des éléments contenus. A moins que tu ne parles de la "ligne" n°2, que tu voudrais en deux blocs, le premier pour du texte, et le second pour un ensemble de deux photos. A mon avis, la seconde photo passe sous la première, dans ce second bloc, parce que la somme des largeurs des 2 photos fait plus de 33% de celle du conteneur (en résolution 1024x768, donc a fortiori pour les résolutions inférieures). La meilleure solution serait de solidariser les deux photos, c'est-à-dire de les réunir en une seule (par exemple avec PhotoFiltre : focus sur celle de droite, copier, focus sur celle de gauche, édition - collage spécial - assembler le collage - droite).

...sculpteur

M S N ? S N c'e s t M... S NCM, pour aller en Cor s e

S i c'e s t en vrac, c'e s t que ce n'e s t pa s en s ac !

chair, chair... chair de poule ! Qui dit qu'on tourne en rond ?

Une particularité fascinante : le lévrier les a l'une derrière l'autre, et non l'une à côté de l'autre... sans doute pour ne pas être gêné dans sa course !

Oh, l à , c'e s t moite !

1. Bien sûr. Si tu précises des dimensions fixes pour certains blocs, le dernier s'ajustera pour compléter la largeur globale (sauf s'il n'a pas besoin de toute cette largeur, auquel cas il ne prendra que ce dont il aura besoin). 2. Il s'agit de classes (point), pas d'id (dièse). La différence entre "class" et "id", c'est qu'un "id" identifie un élément unique, alors qu'une "class" peut s'appliquer à un nombre indéterminé d'éléments.