Bonjour, je débute en HTML et CSS et je ne parviens pas a créer un chemin entre mon code HTML et CSS..

J'ai pourtant écrit cette ligne :

<link rel="stylesheet"  type="text/css" href="MES TRAVAUX EN CSS 3/Openclassroom_1.0(Bases).css">

Mon code CSS est dans le dossier "MES TRAVAUX EN CSS 3" et mon code HTML est dans le dossier "MES TRAVAUX EN HTML 5".

J'espère qu'avec tout ça vous allez pouvoir m'aider

Merci.

Bonjour,

Pour que ton code fonctionne tu as trois solutions : 

• 1) Placer tes deux fichiers (html et css) dans le meme dossier et remplacer le code par :

  <link rel="stylesheet"  type="text/css" href="Openclassroom_1.0(Bases).css">

• 2) conserver l'emplacement des fichiers et remplacer le code par :

  <link rel="stylesheet"  type="text/css" href="../MES TRAVAUX EN CSS 3/Openclassroom_1.0(Bases).css">

  le ../ indique au navigateur qu'il faut "remonter d'un dossier"
• 3)Dans ton dossier où se trouve le html, creer un nouveau dossier nommé css ou quelque chose du genre et mettre ce code dans le html :

  <link rel="stylesheet"  type="text/css" href="css/MES TRAVAUX EN CSS 3/Openclassroom_1.0(Bases).css">

  ceci indique que le navigateur doit aller dans un sous-dossier nommé css pour trouver le fichier !

je te conseille la premiere solution ou la troisième solution!

Bon Courage 

AnttonDev

-
Edité par AnttonDev 26 mars 2020 à 15:54:32

Bonjour,

tu te compliques la vie Mets le css dans le même dossier que le html, ou dans un dossier enfant du dossier du html.

Mais pour répondre exactement à ta question en l'état, il faut remonter d'un dossier dans le chemin de ton css : pense en terme de localisation. Si tu regardes le fichier html, tu es dans le dossier "MES TRAVAUX EN HTML 5", il faut donc revenir en arrière, puis entrer dans le dossier "MES TRAVAUX EN CSS 3". Et cette remontée se modélise sous cette forme "../MES TRAVAUX EN CSS 3".

Bonjour,

et aussi : éviter tant que possible les espaces et les majuscules dans les noms de répertoires et de fichiers.

Exemple :
MES TRAVAUX EN CSS 3 => mes_travaux_en_css3

PetitGeekPY a écrit:

Pourquoi ?

pour les majuscules, en fait, tu peux les utiliser (sans en abuser )

pour les espaces, par contre, ils sont souvent source de problèmes, surtout si tu passes d'un dev windows (ce qui semble être le cas ici) à un serveur en ligne (souvent sous linux). quand tu vas appeler un fichier avec un espace, ça te feras une erreur.

Lamecarlate est-ce qu'un cours existe sur les bonnes pratiques de nommage des fichiers et dossiers ?

ça pourrait être utile, même pour les briscards comme nous

-
Edité par rga 26 mars 2020 à 16:47:39