Sujet Précédent Sujet Suivant

SublimeText et BrowserSync - problème pour lier le CSS

Fermé
preliator13600 Messages postés 73 Date d'inscription lundi 10 février 2020 Statut Membre Dernière intervention 22 avril 2023 - Modifié le 21 déc. 2020 à 14:18
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 21 déc. 2020 à 16:46
Bonjour,

J'utilise SublimeText et BrowserSync afin de rafraichir automatiquement ma page web. Mon "index.html" est donc situé dans "http://localhost:3000/index.html".

Je crée un site web, et je suis amené à avoir plusieurs fichiers HTML. Je décide donc de les placer dans un dossier nommé "HTML". Mon fichier CSS est dans un dossier nommé "CSS".


Mon doctype est le suivant : 
<!DOCTYPE html>
<html lang="fr">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Christophe DUBOIS</title>
 <link rel="stylesheet" href="../css/style.css>
</head>


En double cliquant sur "index.html", tout marche niquel. Par contre, en affichant mon site avec Browser Sync, j'obtiens l'erreur suivante (et le fichier css n'est pas lancé) : 

Refused to apply style from 'http://localhost:3000/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.


Je ne comprend pas. Quel réglage de BrowerSync devrais-je paramétrer pour ce ça fonctionne ?
Merci.

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
21 déc. 2020 à 15:10
Bonjour,

Pour commencer, il manque une quote sur ta ligne 
 <link rel="stylesheet" href="../css/style.css>

Il faudrait à la place 
 <link rel="stylesheet" href="../css/style.css">

0
Réponse 2 / 2
preliator13600 Messages postés 73 Date d'inscription lundi 10 février 2020 Statut Membre Dernière intervention 22 avril 2023
21 déc. 2020 à 15:21
Oups ! Petit soucis quand j'ai copié le code dans CCM. C'est corrigé, mais le problème ne venait pas de là.
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
21 déc. 2020 à 16:46
Ton fichier css commence t-il par des commentaires ? Si oui, retire les.
Peux tu également t'assurer qu'il est bien enregistré en utf8 sans bom ( voir chapitre 1 de ce lien : https://forums.commentcamarche.net/forum/affich-37584944-php-html-caracteres-accentues-et-l-utf8 )

Après... ben.. je ne connais BrowserSync ... et vu que ton css fonctionne sans.. impossible de te répondre mieux.
0

Discussions similaires

[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses