Bonjour à tous,
 
 
je suis en train d'essayer de faire mon site en css mais j'ai un problème d'alignement d'image.
 
 
Voilà ce que j'obtiens :
 
http://users.skynet.be/Brouwers.Alex/newsite/test.htm
 
Alors que j'aimerais avoir 5 images sur la 1er ligne et 4 sur la deuxième.
 
 
Voici le code de la page html :
 

 
et voici le code de ma feuille de style :
 

 
 
Quelqu'un voit il ce que je pourrait faire pour aligner comme il faut les images ???
 
 
Merci d'avance pour votre réponse

Pourquoi est-ce que tu met chaque image dans un <div> ????????????????

pour pouvoir mettre un espace entre chacune d'elle. Il faut faire autrement ??? si je ne mets pas de div, est ce que je sais mettre de l'espace entre chaque image?

Ben oui, avec une margin Tu sais, on peut appliquer du CSS à tous les éléments, pas qu'aux <div>. Aussi, <div> et là pour grouper et structurer un document

ok donc j'enlève mes div et je mets direct les margin aux images ...
 
Merci beaucoup

Voilà

J'ai fait les changement, j'ai enlevé les div de chaque image et j'ai ajouté une class dans chaque balise img.
 
Mais j'ai toujours un problème et je ne comprends pas pourquoi !
 
http://users.skynet.be/Brouwers.Alex/newsite/test.htm
 
Voila ce que j'obtiens, je ne comprends pas pourquoi quand les images passes à la 2eme ligne, elles ne se mettent pas à gauche. Quelqu'un connait-il la raison???

T'as pas besoin de mettre une class Applique le style comme ça :

Ca s'appliquera à toute les balises <img /> dans l'élement qui a pour id 'travaux'
Sinon, donne un peu plus de marge à tes images

ok merci beaucoup pour l'info !!!

J'ai fait les changement que tu m'a conseillé, en laissant les marge comme elles étaient, rien ne change. Donc j'ai agrandit mes marges, alors les images s'aligne comme il faut sauf que j'ai 3 lignes alors que j'aimerais en avoir que 2. Ca doit être une betise mais je ne vois pas pourquoi ça foire

Diminue les marges droites et gauches

Oui ca quand meme je sais que si je diminue mes marges, mes images se rapprocheront mais alors je retombe sur le problème que j'avais précédemment : sur la 2ème ligne, les images ne se mettent pas à gauche
 
http://users.skynet.be/Brouwers.Alex/newsite/test.htm

Ah oui en fait, t'as pas besoin de mettre float: left. <img> est une balise inline

Ah ok merci beaucoup !!! Ca marche !!!    
 
Juste pour info, ca veut dire quoi une balise inline ???

Tu as les balises inlines : strong, em, del, img, span, etc. qui ne provoquent pas de retour à la ligne
 
La balise div est une balise "block" car entraine un retour à la ligne.
 
Cette propriété est modifiable par le CSS.

ok merci beaucoup pour cette précision