Tableau html/css : bordure double [Résolu/Fermé]

Signaler
-
 stagiaire -
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

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