couleur des table

Version imprimable

couleur des table

Bonjour,voila mon code:

Code:

1
2
3
4
5
6
7
8
9
<td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/index2.php">Acceuil</a></span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/vedette.php">Vedettes </a></span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/modele.php">Mod&egrave;les </a></span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/service.php">Services</a> </span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/clientele.php">Client&egrave;les</a> </span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/partenaire.php">Partenaires</a></span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/recrutement.php">Recrutement</a></span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/realisation.php">R&eacute;alisation</a></span></div></td>
    <td><div align="center"><span class="Style2"><a href="http://www.lesagencesonyx.com/evenement.php">&Eacute;venements</a></span></div></td>

J'aimerais sa ne pas avoir de la couleur sur les bordure sans perde les couleur des cadre autour!

comment faire?

merci

23/05/2007, 09h10
Ouach

Il faudrait que tu nous montres le contenu du css (et principalement la classe Style2)

Je ne veux pas passer pour une personne cherchant la petite bête à chaque fois mais ne crois tu pas que ce code :

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
 
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/index2.php">
				Acceuil
			</a>
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/vedette.php">
				Vedettes 
			</a>
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/modele.php">
				Mod&egrave;les 
			</a>
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/service.php">
				Services
			</a> 
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/clientele.php">
				Client&egrave;les
			</a> 
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/partenaire.php">
				Partenaires
			</a>
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/recrutement.php">
				Recrutement
			</a>
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/realisation.php">
				R&eacute;alisation
			</a>
		</span>
	</div>
</td>  
<td>
	<div align="center">
		<span class="Style2">
			<a href="http://www.lesagencesonyx.com/evenement.php">
				&Eacute;venements
			</a>
		</span>
	</div>
</td>

Est plus lisible? Je le concède, tu passe à près de 80 lignes de code là... Mais, tu peux voir directement quelles balises tu as oubliées de fermer et pour ceux qui te relisent, c'est plus clair (corriger moi si je me trompe).

Voilà... Bon maintenant, tu utilises des class donc, ta feuille CSS s'il te plaît.

Voici ma feuille 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
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-size: 13px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.Style2 {font-size: 13px; 
}
table {
        border-spacing: 0px;
        border-collapse: collapse;
        padding: 0px;
        border: 1px red solid;
      }
td    {
        font-family: Verdana;
        font-size: 11pt;
        color: #CCCCCC;
        margin: 0px;
        padding: 5px;
        border: 1px red solid;
      }
.bascss{
        a {
	font-size: 9px;
	color: #FF0000;

merci

Voici une manière de changer les couleurs des lignes :
En css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
.tablealarme {
border: medium solid #DAE0D2;
width: 100%;
}
.lignealarme{
border: thin solid #8060a0;
}
#zonealarme{
float:center;
width:100%;
height:20px;
background :#DAE0D2;
}

en HTml ou JSP dans mon cas :

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
 
 <div id="zonealarme">
  	<center><h2>Alarmes</h2></center>
  </div>
  <br>
 
     <table class="tablealarme">
 
     	<tr class ="lignealarme">
     		<td class="lignealarme">Date</td>
     		<td class="lignealarme">Heure</td>
     		<td class="lignealarme">Ouvrage</td>
     		<td class="lignealarme">Mesure</td>
     		<td class="lignealarme">Libellé</td>
     		<td class="lignealarme">Etat</td>
     		<td class="lignealarme">Acquitter</td>
     	</tr>
     	<tr class ="lignealarme">
     		<td class="lignealarme">01-01-2007</td>
     		<td class="lignealarme">00:00</td>
     		<td class="lignealarme">XXX</td>
     		<td class="lignealarme">XXX</td>
     		<td class="lignealarme">XXX</td>
     		<td class="lignealarme">XXX</td>
     		<td class="lignealarme">
 
     		</td>
     	</tr>
 
     </table>

en tout ça me donne un tableau avec :
une bordure extérieur en beige asssez large ,
des cellules séparées
et les lignes en mauve et très fines !

bon a toi de changer mnt les couleurs !