photo mal alignée

Marsh Posté le 06-08-2015 à 14:43:20

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

Marsh Posté le 06-08-2015 à 14:43:20

Marsh Posté le 06-08-2015 à 15:29:45

tu peux pas faire un tableau plutôt?

Marsh Posté le 07-08-2015 à 11:21:54

hum pas bête, je vais essayer, je n'y avais pas pensé car c'est un code que j'ai repris car il n'était pas fini, et puis je suis une bille en html ^^
Merci, je me penche sur cette solution !

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *