Tableau html/css : bordure double

Résolu
Bonjour à tous,

Je développe une petite application web, mais j'ai un problème pour mes tableau. Certaines bordures sont plus épaisses qu'elles ne devraient l'être. Quelqu'un aurait-il une idée du problème ?

Code HTML :
<html xmlns="http://www.w3.org/1999/xhtml"><head> 
    <meta content="Quentin MATHIEU" name="author"> 
    <meta content="fr" name="Language"> 
    <meta content="none" name="Robots"> 
    <meta content="noarchive" name="GOOGLEBOT"> 
     
    <meta content="fr" http-equiv="content-language"> 
    <meta content="text/html; charset=iso-8859-1" http-equiv="content-type"> 
    <link type="text/css" href="style/css/application.css" rel="stylesheet"> 
     
    <title>Application d'Optimisation des Lieux de Formations</title> 
     
</head> 
<body> 
<script src="web-inf/js/jquery-1.3.1.min.js" type="text/javascript"></script> 
<script src="web-inf/js/librairie.js" type="text/javascript"></script> 
<div id="cadre"><div id="top"></div><div id="contenu"><div class="entete"><img src="style/images/coin_gauche.png"><img id="coin_droit" src="style/images/coin_droit.png"><h1>Application d'Optimisation des Lieux de Formations</h1></div><div id="ombre_header"><img src="style/images/gauche_ombre_header.png"><img id="coin_droit" src="style/images/droite_ombre_header.png"></div><div id="menu"><div id="menu_milieu"><h4 id="premier_titre">Accueil</h4><ul><li><a href="index.php">Retour à l'accueil</a></li></ul><h4>Calcul des coûts</h4><ul><li><a href="?pg=1">Calcul des frais</a></li></ul><h4>Consultation des données</h4><ul><li><a href="?pg=3">Distances manquantes</a></li></ul></div></div><script src="web-inf/js/librairie.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
 log(); 
}); 
</script> 

<div id="affichage"><h2>Résultats</h2><h3>Villes de Départ</h3> 
<table> 
<tbody><tr> 
<th> 
Position</th> 
<th> 
Commune de départ</th> 
<th> 
Code de la commune</th> 
</tr> 
<tr> 
<td> 
1 
</td> 
<td> 
BREUIL-LE-VERT 
</td> 
<td> 
060107 
</td> 
</tr> 
<tr> 
<td> 
2 
</td> 
<td> 
BRETEUIL 
</td> 
<td> 
060104 
</td> 
</tr> 
<tr> 
<td> 
3 
</td> 
<td> 
CHANTILLY 
</td> 
<td> 
060141 
</td> 
</tr> 
<tr> 
<td> 
4 
</td> 
<td> 
MOUY 
</td> 
<td> 
060439 
</td> 
</tr> 

</tbody></table> 
<h3>Lieux de formation</h3> 
<table> 
<tbody><tr> 
<th> 
Position</th> 
<th> 
Ville d'arrivée</th> 
<th> 
Coût total (euros)</th> 
</tr> 
<tr> 
<td> 
1 
</td> 
<td> 
BREUIL-LE-VERT (060107) 
</td> 
<td> 
50 
</td> 
</tr> 
<tr> 
<td> 
2 
</td> 
<td> 
MOUY (060439) 
</td> 
<td> 
53.47 
</td> 
</tr> 
<tr> 
<td> 
3 
</td> 
<td> 
ANSACQ (060016) 
</td> 
<td> 
56.72 
</td> 
</tr> 

</tbody></table> 
<h3 class="warning">Attention</h3><div id="villesApprox"><p>Certaines données sont manquantes et ont donc été calculées approximativement. Les résultats ci-dessus ne reflètent donc peut-être pas la réalité.</p></div><input type="button" onclick="recupererDistancesManquantes()" value="Cacher les distances manquantes" name="distancesManquantes" id="voirDistManq"><div id="distancesManquantes"><table><tbody><tr><th>Position</th><th>Ville 1</th><th>Ville 2</th><th>Distance approximative</th></tr><tr><td>1</td><td>AGNETZ (060007)</td><td>BREUIL-LE-VERT (060107)</td><td>4.36 Km</td></tr><tr><td>2</td><td>AGNETZ (060007)</td><td>BRETEUIL (060104)</td><td>28.67 Km</td></tr><tr><td>3</td><td>AGNETZ (060007)</td><td>CHANTILLY (060141)</td><td>21.79 Km</td></tr><tr><td>4</td><td>AGNETZ (060007)</td><td>MOUY (060439)</td><td>8.57 Km</td></tr><tr><td>5</td><td>ANSACQ (060016)</td><td>BREUIL-LE-VERT (060107)</td><td>5.91 Km</td></tr><tr><td>6</td><td>ANSACQ (060016)</td><td>BRETEUIL (060104)</td><td>32.44 Km</td></tr><tr><td>7</td><td>ANSACQ (060016)</td><td>CHANTILLY (060141)</td><td>18.48 Km</td></tr><tr><td>8</td><td>ANSACQ (060016)</td><td>MOUY (060439)</td><td>4.1 Km</td></tr></tbody></table></div></div></div><div id="pied"><div id="temps_excec">Temps d'éxecution : <span class="black">1.611</span> secondes</div><div id="auteur">Quentin MATHIEU - Version Beta - Juin 2011</div></div><div id="bottom"></div></div></body></html>


Code CSS :
/* Affichage des tableaux */ 

table /* Le tableau en lui-même */ 
{ 
    text-align: center; 
    border-collapse: collapse; 
 font-size: 1em; 
} 

th /* Les cellules d'en-tête */ 
{ 
   border: 3px solid black;  
} 

td /* Les cellules normales */ 
{ 
   border: 1px solid black;  
   padding: 5px; 
}

3 réponses

  • Votes
  • Date
  • Date décroissante
  1. Essai d'annuler tes bordures et recommence. Sinon regarde dans l'outil bordure la taille. Ca peut venir de là
    1. Non c'est bon, j'avais zoomé sur mon navigateur et il a pas trop aimé...
      Bref, résolu !