Images et mise en page css

Bonjour tlm,

Je me lance dans le xhtml et le css depuis plusieurs mois et j'aimerais avoir des conseils. Je tiens à respecter du mieux que possible l'utilisation des balises et dans les règles. Je fais aussi tout mon possible pour que le rendu soit le même sous IE et Firefox.

Sur le site que je fais actuellement (avec redimensionnement auto) je dois mettre beaucoup d'images les unes à côté des autres :
- par exemple sur une même ligne j'ai 3 images avec celle du milieu centrée, celle de droite alignée sur la droite et celle de gauche alignée sur la gauche.

Faut-il positioner ces images dans des blocs ou alors utiliser leurs propriétés css? Quelle solution est la mieux et la plus juste?
Comment faut-il faire pour éviter que les images se déplacent les unes en dessous des autres lors de la réduction de la taille de la fenêtre sachant que j'aimerais plutôt qu'elles se chevauchent?

La mise en page d'images me pose quelques soucis, si quelqu'un pouvait m'aider, me donner des conseils ou des exemples je serais ravis.
Je n'ai pas trouver d'exemples concrets ou alors les sites en question faisaient de la mise en page avec tableaux.

Merci d'avance

Salut,
Ecoute je crois que ce n'est pas à une personne de ce forum de te donner la solution, c'est pas comme ça que tu progresseras rapidement et surtout que tu comprendras les propriétés css.
A toi de te former avec des turoriels que tu peux trouver sur ce site, des lectures... Vas voir la partie css de http://openweb.eu.org, sur http://css.alsacreations.com sur les articles de http://pompage.net,
http://dicolive.media-box.net/docCSS/css.php?orderByType=1
pour une liste de toutes les propriétés css entre autres...

Voila les conseils que je peux te donner
Modifié par herman31 (07 Jul 2005 - 13:17)

lefoimpeur a écrit :
Faut-il positioner ces images dans des blocs ou alors utiliser leurs propriétés css? Quelle solution est la mieux et la plus juste?

Pas de réponse possible dans l'absolu. Tu peux avoir besoin d'agir directement sur l'image, ou sur un conteneur dans lequel tu places-celle-ci, selon le détail de tes styles... Le mieux est de partir sans a priori

lefoimpeur a écrit :

Comment faut-il faire pour éviter que les images se déplacent les unes en dessous des autres lors de la réduction de la taille de la fenêtre sachant que j'aimerais plutôt qu'elles se chevauchent?

chevauchement exclut le positionnement flottant, et t'oriente plutôt vers les positionnements relatifs et surtout absolus (plus aisés à manipuler au début).

lefoimpeur a écrit :

Je n'ai pas trouver d'exemples concrets ou alors les sites en question faisaient de la mise en page avec tableaux.

Très honnêtement, l'alignement que tu décrivais ci-dessus est le type de cas où, sauf si je fais ça pour le plaisir, je ne cherche pas la petite bête CSS : un tableau, parfois, c'est bien; et puis, y'a pas de honte à avoir

(Ah, que j'aime à dire d'impudiques inconvenances sur ce forum )
Modifié par Laurent Denis (07 Jul 2005 - 13:30)

Merci de vos réponses.

a écrit :
Salut,
Ecoute je crois que ce n'est pas à une personne de ce forum de te donner la solution, c'est pas comme ça que tu progresseras rapidement et surtout que tu comprendras les propriétés css.
A toi de te former avec des turoriels que tu peux trouver sur ce site, des lectures... Vas voir la partie css de http://openweb.eu.org, sur http://css.alsacreations.com sur les articles de http://pompage.net,
http://dicolive.media-box.net/docCSS/css.php?orderByType=1
pour une liste de toutes les propriétés css entre autres...

Voila les conseils que je peux te donner

Merci pour ta réponse Herman31, mais il me semble que les forums sont là pour t'aider, nan? Bien sûr, je n'ai pas posté ce message sans avoir au préalable fait des recherches et lû de nombreux tutoriaux. Ce n'est pas dans mon habitude sachant qu'étant un linuxien j'ai l'habitude d'utiliser les tutos et de me débrouiller seul.

a écrit :
chevauchement exclut le positionnement flottant, et t'oriente plutôt vers les positionnements relatifs et surtout absolus (plus aisés à manipuler au début).

Merci Laurent Denis. Je vais essayer avec le positionnement absolu alors. Il me semble que je ne l'utilisais pas car il y a des différences entre IE et Firefox. Vais réessayer
En ce qui concerne les tableaux, tu as raison mais je voudrais faire sans.
Modifié par lefoimpeur (08 Jul 2005 - 12:45)