Css table

mit0910 Messages postés 29 Statut Membre -
Sandriine Messages postés 1400 Statut Membre - 2 sept. 2009 à 14:00

Bonjour les amis,
j'est entrain de réaliser une application PHP qui contienne un tableau HTML, j'ai un CSS que je veut l'applique sur ce tableau et je met le CSS et le tableau dans une mm page mais il ne veut pas me donner les résultats. voici ce que j'ai fait :
.csstableau1{
table {
border: medium #6495ed;
border-collapse: collapse;
width: 50%;
margin: auto;
}}
.cssth1
{
th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}}
.csstd1
{
td {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
}

<table class="csstableau1" align="center" border="3" bordercolor="#0033CC" >
<tr>
<th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>

si qlqun me aide SVP

Configuration: Windows XP
Firefox 3.0.13

Afficher la suite

6 réponses

Réponse 1 / 6
Sandriine Messages postés 1400 Statut Membre 283

Bonjour,

Je ne comprends pas ce que tu veux dire. Tu sais vraiment parler Français ?
Que souhaite tu obtenir, et quel est ton problème exactement ?
0
1. mit0910
  
  bonjour ,
  tu a lu mon code?
  je veut applique le code CSS à ce tableau, et je met les 2 codes (de CSS et HTML de tableau) dans un meme fichier et quand je veut tester le CSS n'est pas applique au tableau
  
  0
Réponse 2 / 6
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
Ton CSS doit être placer entre <style type="text/css"> et </style>. Le mieux est de mettre ton CSS entre les balises <head> et </head> mais toujours avec <style ...> et </style>
```
<html>
<head>
    ...
    <style type="text/css">
    // Ton CSS
    </style>
    ...
</head>
...
</html>
```
0
1. mit0910
  
  mais tous j'ai déja fait
  et ne ca marche pas
  
  0
Réponse 3 / 6
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
```
.csstableau1{
table {
border: medium #6495ed;
border-collapse: collapse;
width: 50%;
margin: auto;
}} 
```
N'importe quoi.
Tu ne voudrais pas plutôt faire ça ? :
```
table.csstableau1 {
    border: medium #6495ed;
    border-collapse: collapse;
    width: 50%;
    margin: auto;
}
```
0
1. mit0910
  
  merci mon ami ,
  mais table.csstableau ne ca marche pas
  par contre il ca marche pour th.csstableau et td.csstableau
  
  0
Réponse 4 / 6
Sandriine Messages postés 1400 Statut Membre 283

Ton code HTML est incomplet! Tu ouvre des balises sans les fermer.
De plus, bordercolor n'existe pas en HTML.

Et idem pour ton CSS, il est faux comme le dis avion-f16, je crois que tu n'as pas compris le principe.

Petite piqure de rappel : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
0
1. mit0910
  
  mais voici le code compléte:
  
  <table class="csstableau1" align="center" border="3" bordercolor="#0033CC" >
  <tr>
  <th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
  <th class="cssth1"><div align="center" class="Style2">Nom de demandeur </div></th>
  <th class="cssth1"><div align="center" class="Style2">Prénom de demandeur </div></th>
  <th class="cssth1"><div align="center" class="Style2">Service</div></th>
  <th class="cssth1"><div align="center" class="Style2">Nbre de piéce </div></th>
  <th class="cssth1"><div align="center" class="Style2">Durée estimé </div></th>
  <th class="cssth1"><div align="center" class="Style2">Observations</div></th>
  <th class="cssth1"><div align="center" class="Style2">Nom Support tech </div></th>
  <th class="cssth1"><div align="center" class="Style2">Prénom Support tech </div></th>
  <th class="cssth1"><p align="center" class="Style2">Type Support tech </p> </th>
  <th class="cssth1"><div align="center" class="Style2">Spécialité Support tech </div></th>
  <th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
  <th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
  <th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
  </tr>
  
  0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question

Sandriine Messages postés 1400 Statut Membre 283

Bon insère ce code dans un fichier HTML, teste le, et dis moi si c'est bien ça que tu recherche.

<html>
<head>
<style>

table.csstableau1 
{
border: medium #6495ed;
border-collapse: collapse;
width: 50%;
margin: auto;
}

th.cssth1 {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}

td.csstd1 {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}

</style>
</head>

<body>
	<table class="csstableau1" align="center" border="3" bordercolor="#0033CC" >
		<tr>
		<th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
		<th class="cssth1"><div align="center" class="Style2">Nom de demandeur </div></th>
		<th class="cssth1"><div align="center" class="Style2">Prénom de demandeur </div></th>
		<th class="cssth1"><div align="center" class="Style2">Service</div></th>
		<th class="cssth1"><div align="center" class="Style2">Nbre de piéce </div></th>
		<th class="cssth1"><div align="center" class="Style2">Durée estimé </div></th>
		<th class="cssth1"><div align="center" class="Style2">Observations</div></th>
		<th class="cssth1"><div align="center" class="Style2">Nom Support tech </div></th>
		<th class="cssth1"><div align="center" class="Style2">Prénom Support tech </div></th>
		<th class="cssth1"><p align="center" class="Style2">Type Support tech </p> </th>
		<th class="cssth1"><div align="center" class="Style2">Spécialité Support tech </div></th>
		<th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
		<th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
		<th class="cssth1"><div align="center"><span class="Style1"><span class="Style2"></span></span></div></th>
		</tr>
	</table>

</body>
</html>

mit0910

merci merci 1000 1000 1000 fois mon ami Sandriine c'est supper

merci encors et tous les autre amis .
0

Réponse 6 / 6
Sandriine Messages postés 1400 Statut Membre 283

Si ton post est résolu, pense à changer son statut à "Résolu" stp.
0

Css table

6 réponses

Discussions similaires

Newsletters