Finition tableau en css html

**dev_2007** · 18/01/2012, 22h34

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**betadev** · 25/01/2012, 20h14

Bonsoir,

Envoyé par dev_2007

(la partie droite est totalement cachée par rapport au tableau)

Si tu peut expliquer de plus le problème d'affichage ça sera beaucoup plus mieux , car j'ai testé ton code et je ne voit pas de soucies.

Si le problème est d'afficher la dernière ligne du tableau , alors il faut mettre du contenu dans cette ligne ou bien au mois mettre le code html de l'espace  

A part ça j'ai mis du texte dans la case iweb_contour et tout va bien.

Finition tableau en css html

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager