[CSS] tableau dans tableau - colonne droite
Bonjour, j'ai un soucis avec mon css. Il y a un tableau qui contient un autre tableau. La dernière colonne du tableau interne est bizarre et je vois pas comment régler ça. Si quelqu'un voit où est l'erreur. Merci d'avance
voici mon css :
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
| #imprimer_tableau_resultats
{
border: 2px solid orange;
width: 100%;
padding: 10px;
padding-right: 0px;
border-collapse:collapse
}
#imprimer_tableau_resultats th
{
border: 2px solid orange;
text-align: center;
width: auto;
}
#imprimer_tableau_resultats tr
{
border-bottom: thin dotted orange;
}
#imprimer_tableau_resultats td
{
padding-left: 10px;
padding-right: 0px;
border-right: 2px solid orange;
}
#imprimer_tableau_resultats_objet
{
/*border: 2px solid orange;*/
border: none;
width: 100%;
padding: 10px;
margin-left: -10px;
margin-right: 0px;
margin-bottom: -2px;
margin-top: -2px;
border-collapse:collapse
}
#imprimer_tableau_resultats_objet th
{
border: 2px solid orange;
text-align: center;
width: auto;
}
#imprimer_tableau_resultats_objet tr
{
width: 100%;
border-bottom: thin dotted orange;
}
#imprimer_tableau_resultats_objet td
{
padding-left: 10px;
padding-right: 10px;
border-right: 2px solid orange;
}
.colonne_centree
{
text-align: center;
width: 60px;
}
.decale_niveau_1
{
text-indent: 0px;
}
.decale_niveau_2
{
text-indent: 50px;
}
.decale_niveau_3
{
text-indent: 100px;
}
.mot_recherche
{
font-weight: bold;
}
.mot_normal
{
}
#imprimer_recherche
{
margin-left: 50px;
} |
et voici mon 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<meta name="KeyWords" content="travaux, étudiants, histoire, ouest, france, crhisco, université, rennes, articles, périodiques" />
<meta name="Author" content="CRI - Université Rennes 2 - Baudet Aurélien" />
<title>Administration - gérer les articles</title>
<script type="text/javascript" src="../javascript/menu_ie.js" ></script>
<script type="text/javascript" src="../javascript/gerer_actions_tableau.js" ></script>
<script type="text/javascript" src="../javascript/curseur.js" ></script>
<script type="text/javascript" src="../javascript/javascript_commun.js" ></script>
<script type="text/javascript" src="../javascript/formulaires.js" ></script>
<script type="text/javascript" src="../javascript/imprimer.js" ></script>
<link rel="StyleSheet" href="../css/dipouest.css" type="text/css" />
<link rel="StyleSheet" href="../css/menu.css" type="text/css" />
<link rel="StyleSheet" href="../css/tableau_resultats.css" type="text/css" />
<link rel="StyleSheet" href="../css/fenetre_message.css" type="text/css" />
<link rel="StyleSheet" href="../css/formulaire.css" type="text/css" />
<link rel="StyleSheet" href="../css/imprimer.css" type="text/css" />
</head>
<body onload="imprimer()">
<center><h1>Gérer les articles</h1></center>
<div>
Recherche actuelle :
<div id="imprimer_recherche">
<div>
Titre : 'aaa'
</div><div>
Année : ''
</div><div>
Périodique : ''
</div>
</div>
</div>
<div>
<table id="imprimer_tableau_resultats" summary="tableau de résultats">
<tr>
<th>articles</th>
</tr>
<tr>
<!-- true -->
<td>
<table id="imprimer_tableau_resultats_objet">
<tr>
<td class="decale_niveau_1"><a href="#" class="mot_recherche">aaaaaaaaaaa</a></td><td>2007-2008</td><td>Association bretonne</td><td>2</td><td>p. 8-504254<a href='#'></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<th>articles</th>
</tr>
</table>
</div>
</body>
</html> |
