Copy link to clipboard
Copied
Je suis débutante avec le code et ce programme.
J'ai créer un style CSS, mais il n'apparait pas dans le tableau propriété-css-règle cible. J'ai suivi toute les étapes des didacticiel de la compagnie Adobe.
Une suggestion?
Copy link to clipboard
Copied
Are you working in a defined local site folder?
Have you saved your file?
Please show us your code.
Copy link to clipboard
Copied
J'enregistre sur le disque dur de mon ordinateur. Toutes mes pages web sont enregistrées dans le même fichier. J'ai enregistré tout avant d'essayer de mettre le css dans la règle cible.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Services offerts</title>
<link href="file:///C|/Users/Utilisateur/Desktop/Mylene Perron Site Web/MP Titres.css" rel="stylesheet" type="text/css">
</head>
<body>
<table>
<tbody>
<tr>
<td colspan="3">Toilettage</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
Copy link to clipboard
Copied
You have not saved your HTML document to your local site folder yet.
<link href="file:///C|/Users/Utilisateur/Desktop/Mylene Perron Site Web/MP Titres.css" rel="stylesheet" type="text/css">
If your HTML page is in the same folder as your CSS file, the link should be this without spaces. Spaces in file names are not allowed on the web.
<link href="MPTitres.css" rel="stylesheet" type="text/css">
Copy link to clipboard
Copied
Ok j'ai enregistré. ça donne cela : Mais il appartait toujours pas dans règle cible.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Services offerts</title>
<link href="MP Titres.css" rel="stylesheet" type="text/css">
</head>
<body>
<table>
<tbody>
<tr>
<td colspan="3">Toilettage</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
Copy link to clipboard
Copied
If you please, copy & paste the code below into a new, blank document and save as test.html.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test de Table</title>
<style>
#maTable {
width: 75%;
margin: 0 auto;
border: 5px solid #0D8440;
}
#maTable th {
background-color: #222;
color: #FFF;
text-align: center;
}
#maTable td {
vertical-align:center;
color: #333
}
</style>
</head>
<body>
<table id="maTable">
<tr>
<th>Titre</th>
<th>Titre</th>
<th>Titre</th>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id praesentium earum, ut perspiciatis magni facilis cupiditate quisquam voluptate odit accusamus facere minima at distinctio, doloribus saepe dignissimos magnam aperiam iusto.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td>
</tr>
</table>
</body>
</html>
Copy link to clipboard
Copied
It is done.
Copy link to clipboard
Copied
J'ai trouvé. J'avais oublié mon "." dans mon sélecteur !!!