Css table

Fermé

mit0910 Messages postés 21 Date d'inscription lundi 10 août 2009 Statut Membre Dernière intervention 5 mai 2010 - 31 août 2009 à 14:37
Sandriine Messages postés 1255 Date d'inscription samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 - 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

A voir également:

Css table
Table ascii - Guide
Table des matières word - Guide
Table des annexes word ✓ - Forum Word
Table des matières et table des annexes - Forum Word
Table des matières avec annexes numérotées A1, A2 - Forum Word

6 réponses

Réponse 1 / 6

Sandriine Messages postés 1255 Date d'inscription samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 283
31 août 2009 à 16:10

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 ?

mit0910
31 août 2009 à 16:34

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

Réponse 2 / 6

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
31 août 2009 à 16:40

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>

mit0910
31 août 2009 à 16:47

mais tous j'ai déja fait
et ne ca marche pas

Réponse 3 / 6

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
31 août 2009 à 16:49

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

mit0910
31 août 2009 à 17:03

merci mon ami ,
mais table.csstableau ne ca marche pas
par contre il ca marche pour th.csstableau et td.csstableau

Réponse 4 / 6

Sandriine Messages postés 1255 Date d'inscription samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 283
31 août 2009 à 17:07

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

mit0910
31 août 2009 à 17:11

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>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

Sandriine Messages postés 1255 Date d'inscription samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 283
1 sept. 2009 à 13:36

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
2 sept. 2009 à 12:36

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

merci encors et tous les autre amis .

Réponse 6 / 6

Sandriine Messages postés 1255 Date d'inscription samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 283
2 sept. 2009 à 14:00

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

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Intégrer une table des annexes et des matières sur word

Création du sommaire sous Word

insérer une table d'illustration

Sommaire + Table des matières + Table des Annexes