Bonjour !
Je voudrais faire un trombinoscope, avec des photos. Elles ont toutes la même taille.
SAUF QUE ! je ne sais pas pourquoi, elles s'alignent toutes correctement, sauf une ... genre j'en ai 4 par ligne, puis à un moment donné, je n'en aurai qu'une seule, alignée tout à droite, puis la ligne suivante continue correctement avec 4 photos : (x est une photo)
x x x x
x x x x
x
x x x x
x x x x
-_- je ne comprends pas...
Code :
- <!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1–transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http–equiv="Content–Type" content="text/html; Charset=iso–8859–1" />
- <title>Trombiniscope</title>
- <style type="text/css">
- .photos {
- margin:15px;/*pour écarter les photos les unes par rapport aux autres*/
- float: left;/*cela permet de les mettre cote à cote*/
- background–color: #CCCCFF;/*couleur du fond*/
- border: thin double #0000FF;}
- .image img {
- border: 0px;/*enlève les bordures aux images*/}
- body {
- background-image:url(02_Trombi_Photos/background.jpg);}
- </style>
- </head>
- <body>
- <h1><center>Trombinoscope</center></h1>
- <div id="images" style = "text-align: center">
- <p class="photos">
- <a class="image" href="02_Annuaire.htm">
- <img src="./02_Trombi_Photos/T0067891.png" alt="AN">
- </a><br />
- AN
- </p>
- <p class="photos">
- <a class="image" href="02_Annuaire.htm">
- <img src="./02_Trombi_Photos/T0065912.png" alt="AO">
- </a><br />
- AO
- </p>
- [...] cela continue pour 15 autres photos de la même manière
- </div></body></html>
|
Message édité par minimoack le 06-08-2015 à 15:15:41
