Tableau html/css : bordure double
Résolu
stagiaire
-
stagiaire -
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 :
Code CSS :
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;
}
A voir également:
- Tableau html/css : bordure double
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
