Je viens d'essayer border-collapse: collapse; mais rien du tout 
un vrai mystère, j'ai dû oublier un truc dans mon code 
merci quand même chipeauteur 
Du coup je vous mets tout :
L'apparence de mon site avec l'espace entre les images :
...
Mon code HTML complet :
-----------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8" />
<link rel = "stylesheet" href = "../styles/style.css" />
<title>ACTUALITES</title>
</head>
<body>
<header>
<h1>ACTUALITES</h1>
<h2>Bienvenue sur mon site !</h2>
</header>
<?php
$jour = date("d" );
$mois = date("m" );
$annee = date("Y" );
$heure = date("H" ) + 1;
$minute = date("i" );
?>
<nav><a href="#"><img src = "../images/forum.jpg" /></a><a href = "#"><img src = "../images/urnepol.jpg" /></a> <!-- D'autres rubriques à venir. !--></nav>
<div id = "ladate"><?php echo "Nous sommes le $jour/$mois/$annee et il est $heure h $minute.";?></div>
<div id = "infomaintenance">Information</div><br /><br />
<p class = "infomaintenancep">Le site est en cours de construction. Il sera en ligne cet été.<br /></p>
=== ZONE DE TEST === <br />
<?php echo "LE PHP EST <strong>OPERATIONNEL</strong>!<br />";
?>
<?php include ("footer.php" ); ?> <!-- Un footer très simple !-->
</body>
</html>
--------------------------------------------------------------------------------------------------------------------
Ainsi que mon code CSS complet :
________________________________________________________________________________________________
header
{
background-color: rgb(112,146,190);
}
h1
{
color: #ececec;
text-shadow:1px 1px #000;
font-size: 4em;
margin: 0;
text-align: center;
}
h2
{
color: yellow;
text-align: center;
}
body
{
background-image: url(../images/superfond.png);
margin: 0;
}
#infomaintenance
{
font-size: 1.3em;
text-decoration: underline;
color: navy;
text-align: center;
}
.infomaintenancep
{
text-align: center;
}
#ladate
{
position: absolute;
top: 97px;
left: 10px;
color: white;
border: 1px solid white;
}
p
{
margin-left: 30px;
}
footer
{
background-color: rgb(3,125,186);
color: white;
margin: 0;
border-top: 5px solid rgb(0,45,145);
width: 100%;
position: fixed;
bottom: 0px;
}
img
{
margin: 0px;
border: none;
padding: 0px;
}
a
{
margin: 0px;
padding: 0px;
border: none;
}
br
{
margin: 0px;
padding: 0px;
border: none;
}
nav
{
margin: 0px;
padding: 0px;
border: none;
width: 20%;
}
______________________________________________________________________________________________________
Merci d'avance, si jamais vous trouvez quelque chose qui cloche !
Message édité par bachibouzooo le 28-03-2015 à 20:41:35
