couleur des table

**tilex** · 23/05/2007, 03h18

Bonjour,voila mon code:

Code :

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

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

**Ouach** · 23/05/2007, 09h10

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

**Deallyra** · 23/05/2007, 09h57

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

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
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.

**tilex** · 23/05/2007, 12h16

Voici ma feuille css

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

**chaminette** · 23/05/2007, 14h34

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

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

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
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 !

couleur des table

HTML

Vue hybride

Discussions similaires

Partager

Partager