Finition tableau en css html
Bonjour à tous,
je suis entrain de créer un tableau pour l'intégrer dans un projet et le soucis c'est que je n'arrive pas à le mettre complètement en bon état. Je m'explique, ce tableau contient une entête ou il y a deux colonnes, après au milieu il y a des données et la j'arrive pas à mettre tout le contour dans le corps de ce tableau (la partie droite est totalement cachée par rapport au tableau).
voila les lignes de code :
html
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//FR">
<html>
<head>
<title>welcome sound...</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<table style="border-collapse:collapse;">
<tr>
<td colspan="1" class="iweb_actif">Actif</td>
<td colspan="1" class="iweb_inactif">Incatif</td>
</tr>
<tr>
<td colspan="2" class="iweb_contour"> test<br />test<br />test<br />test<br />test<br />test<br /></td>
</tr>
<tr>
<td colspan="2" class="iweb_bas"></td>
</tr>
</table>
</body>
</html> |
la feuille de style :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
|
.iweb_actif{
background-image: url(actif.png);
width: 361px;
height: 39px;
text-align:center;
vertical-align: middle;
}
.iweb_inactif{
background-image: url(inactif.png);
width: 362px;
height: 39px;
text-align:center;
vertical-align: middle;
}
.iweb_contour{
background-image: url(contour.png);
background-repeat: repeat-y;
padding-left: 40px;
width: 12px;
}
.iweb_bas{
background-image: url(bas.png);
height: 4px;
} |
Pourriez-vous me proposer une idée pour régler ce problème svp ?