Discussion :

[proximacent]

Bonsoir à tous

J'ai un site en ligne et j'essaie de le ré-écrire selon les règles de l'art.

Je souhaite pouvoir mettre 4 images sur une ligne et repasser à la ligne et ce pour le nombre d'image que je voudrai afficher. Ex la page de mon site actuel :

http://sciencedesarts.pagesperso-ora...iePeinture.htm
HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div id="contenugalerie">
      <ul id="menu_horizontal"> 
        <posimages> <img src="images/ico_vertdespace.jpg"/></posimages>
        <posimages><img src="images/ico_la_Pouponniere.jpg"/></posimages>
        <posimages><img src="images/ico_nebuleuse.jpg" /></posimages>
        <posimages><img src="images/ico_ailleurs.jpg"/></posimages>
        <posimages><img src="images/ico_aube.jpg"/></posimages>
        <posimages><img src="images/ico_baalbeck.jpg"/></posimages> 
      </ul>
</div>

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
posimages{
    float:left;
    display:inline;
    margin-right:30px;
   }

je souhaite aussi aligner verticalement les images. Merci de la technique que vous pouvez m'apporter et bon week-end