Cours php: TP blog - Fichier CSS ne s'applique pas - Mon blog fonctionne comme il le faut, mais le CSS ne s'applique pas. par Bravo2bad - page 1

Bonjour à tous,

Je viens de terminer le TP du cours de php où nous devions concevoir un blog (https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/915379-tp-un-blog-avec-des-commentaires)

Tout fonctionne correctement à l'exception du css qui a été fourni dans le cours.

J'ai beau chercher, je ne trouve pas mon erreur.

Pour information, mon fichier index.php se trouve dans le même directory que mon fichier styles.css.

Ils sont donc au même niveau, ainsi que mon fichier commentaires.php sur lequel le css ne prend pas également.

Voici mon fichier index.php:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Mon super blog !</title>
		<link rel="stylesheet" href="styles.css"/>
	</head>

	<body>
		<h1>Mon super blog !</h1>
		<p>Derniers billets du blog:</p>
		
		<?php 

		try {
			$database = new PDO('mysql:host=mysql;dbname=test;charset=utf8', 'root', 'admin', array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
		} catch (Exception $error) {
			die('Erreur : ' . $error->getMessage());
		}

		$all_billets = $database->query('SELECT *, DATE_FORMAT(date_creation, \' le %d/%m/%Y à %Hh%imin%ss\') AS date_creation_formatee FROM billets ORDER BY date_creation DESC LIMIT 0,5');

		while($one_billet = $all_billets->fetch()){
			?>
				<div class="news">
					<h3><?php echo($one_billet['titre'] . $one_billet['date_creation_formatee']); ?></h3>
					<p>
						<?php echo($one_billet['contenu']); ?><br/>
						<a href=<?php echo ('"commentaires.php?id_billet=' . $one_billet['id'] . '"');?>>Commentaires</a>
					</p>
				</div>
			<?php
		}

		$all_billets->closeCursor();
		?>
	</body>
</html>

Et voici mon fichier styles.css:

h1, h3 {
	text-align:center;
}

h3 {
	background-color:black;
	color:white;
	font-size:0.9em;
	margin-bottom:0px;
}

.news p {
	background-color:#CCCCCC;
	margin-top:0px;
}

.news {
	width:70%;
	margin:auto;
}

a {
	text-decoration:none;
	color:blue;
}

Si quelqu'un peut me trouver mon erreur, je lui en serais reconnaissant.

Merci de votre aide et bon code à vous.

-
Edité par Bravo2bad 1 décembre 2019 à 23:32:51

Cours php: TP blog - Fichier CSS ne s'applique pas

Mon blog fonctionne comme il le faut, mais le CSS ne s'applique pas.

Cours php: TP blog - Fichier CSS ne s'applique pas

Supprimer

Modérer

Signaler le message aux modérateurs