Css table

mit0910 Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
Sandriine Messages postés 1255 Date d'inscription Statut Membre Dernière intervention - 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

Afficher la suite

A voir également:

Css table
Table ascii - Guide
Table des matières word - Guide
Table des caractères - Guide
No bootable partition in table ✓ - Forum Windows
Tableau croisé dynamique ou table de pilote - Guide

6 réponses

Réponse 1 / 6

Sandriine Messages postés 1255 Date d'inscription Statut Membre Dernière intervention 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 ?

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

Réponse 2 / 6

avion-f16 Messages postés 19255 Date d'inscription Statut Contributeur Dernière intervention 4 507

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

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

Réponse 3 / 6

avion-f16 Messages postés 19255 Date d'inscription Statut Contributeur Dernière intervention 4 507

.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

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 Statut Membre Dernière intervention 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

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>

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 Statut Membre Dernière intervention 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 .

Réponse 6 / 6

Sandriine Messages postés 1255 Date d'inscription Statut Membre Dernière intervention 283

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

insérer une table d'illustration

Sommaire + Table des matières + Table des Annexes

WOrd 365 Liste des figures et annexes

Votre réponse

Discussions similaires