Pas de lien CSS/html
Martin
-
Martin9377 Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
Martin9377 Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'essaie de créer un site web, je code sur Komodo (sur Mac), le lien ne se fais pas entre mon CSS et mon HTML, pourtant dans le même dossier.
Voici mon code HTML :
Voici mon CSS :
Est ce un problème dans mon code ou dans le chemin d'accès au fichier ?
Merci a tous ! ✌️
EDIT : Ajout des balises de code
J'essaie de créer un site web, je code sur Komodo (sur Mac), le lien ne se fais pas entre mon CSS et mon HTML, pourtant dans le même dossier.
Voici mon code HTML :
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<Link rel="stylesheet" href="style.css"/>
</head>
<div><nav><a href="#Les Transferts";>Les Transferts</a> |
<a href="#Calendrier";>Calendrier</a> |
<a href="#Effectif";>Effectif</a> |
<a href="#News";>News</a>
</nav>
</div>
<br>
<hr>
<h3 class="text-align:center; font-family:Verdana";><U>L'actualité en Live</U></h3>
<h4>Ligue 1 - Fin de saison</h4>
<article>
<p>Le PSG termine deuxième à un seul petit point de Lille, champion de France. La lutte aura été belle, quatre équipes s'affrontant pour deux places en <em>Ligue des Champions</em>. A force d'être inconstant, <a style="text-decoration: line-through; text-decoration-color:blue";>Lyon</a> est le grand perdant de cette compétition</p>
</article>
<div><nav>
<a href="#Lire la suite";>Lire la suite</a>
</nav>
</div>
<br>
<hr>
<p style="font-family:comic sans ms";>Il est grand temps à notre équipe de faire un tri au niveau de son effectif, se son staff et de voir quels postes renforcer.</p>
<br>
<table class="margin";>
<caption>Tableau récapitulatif
</caption>
<tr>
<th>Nom</th>
<th>Prix</th>
<th>Efficacité</th>
<th>Note</th>
</tr>
<tr>
<td>Kehrer</td>
<td>15M</td>
<td>3/10</td>
<td><strong>3/10</strong></td>
</tr>
<tr>
<td>Florenzi</td>
<td>Prêt</td>
<td>6/10</td>
<td><strong>6/10</strong></td>
</tr>
<tr>
<td>Icardi</td>
<td>50M</td>
<td>5/10</td>
<td><strong>5/10</strong></td>
</tr>
</table>
<br>
<hr>
<br>
<p class="titre";>Dimanche 06 Juin</p>
<p><span class="rouge";><strong>20h22</strong></span><strong> - Wijnaldum</strong></p>
<p> Le joueur sous contrat jusqu'à 30 juin avec Liverpool était en passe de rejoindre son compatriote néerlandais <em>Memphis Depay</em> au FC Barcelone. C'était sans compter l'offre alléchante proposée par le PSG, qui compte bien double le club catalan. Affaire a suivre.</p>
<br>
<p><span class="rouge"> <strong>10h12</strong></span><strong> - Hakimi</strong></p>
<p>Le PSG n'a toujours pas fait d'offre pour <em>Hachraf Hakimi</em> bien que le joueur soit tombé d'accord pour un contrat de 5 ans. La somme proposée ne satisfait pas les dirigeants interistes.</p>
<br>
<p class="overflow";> J'aimerai à titre personnel vous faire part de mon enthousiasme. Le recrutement me paraît être bon et les joueurs ciblés vraiment impliqués, malgré quelques uns plus très jeunes. Leonardo fait quand même un bon travail de chasse aux "bonnes affaires".</p>
</Body>
</HTML>
Voici mon CSS :
font-weight:lighter;
font-family:"comic sans ms";
font-variant:small caps;
text-shadow:1px 1px 2px black;
}
p{
text-align:justify;
line-height:20px;
}
.margin{
margin: 0 auto 0 auto;
border-style: dashed;
border-width: 5px;
border-color: blue red green orange;
border-radius: 5px;
}
Est ce un problème dans mon code ou dans le chemin d'accès au fichier ?
Merci a tous ! ✌️
EDIT : Ajout des balises de code
A voir également:
- Pas de lien CSS/html
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Editeur html - Télécharger - HTML
- Lien copié - Forum Mobile
4 réponses
Bonjour,
Déjà, pour poster du code sur le forum, merci d'utiliser les balises de code.
Explications à lire ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, tu as oublié la balise ouvrant <body>
Et enfin, une fois corrigé .. pense à vider le cache de ton navigateur;
Déjà, pour poster du code sur le forum, merci d'utiliser les balises de code.
Explications à lire ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, tu as oublié la balise ouvrant <body>
Et enfin, une fois corrigé .. pense à vider le cache de ton navigateur;
Bonjour, les 5 premières lignes du CSS me laissent penser qu'il manque quelque chose qui devrait se trouver au-dessus, mais je ne sais pas ce que vous voulez mettre.
Peut-être ?
Il y a un } à la 5ème ligne qui ne ferme rien.
body {
Peut-être ?
Il y a un } à la 5ème ligne qui ne ferme rien.
Ah bon ? Moi je ne vois qu'une sorte de guillemet qui est celle là : ""
C'est de ceux là dont tu parles ?
C'est de ceux là dont tu parles ?
Mais ma page HTML ne s'afficherait pas dans ces cas là je pense, alors que mon HTML est bon, c'est juste mon CSS qui ne s'applique pas dans la page.
La page peut quand même s'afficher, mais sans le lang="fr", le <meta charset="UTF-8">, et le <link> qui contient le lien vers le CSS.
On peut même voir sur la photo que les accents ne s'affichent pas correctement car l'encodage UTF-8 ne s'est pas appliqué à la page (à cause des guillemets qui cassent le code).
On peut même voir sur la photo que les accents ne s'affichent pas correctement car l'encodage UTF-8 ne s'est pas appliqué à la page (à cause des guillemets qui cassent le code).
Cf: une photo, le fichier HTML paraît normal ? ?
Merci @Jordane.
Il faut donc spécifier le chemin jusqu'à ton fichier
Ou encore :
Dans les deux cas le CSS ne s'applique pas, ni dans l'éditeur de code ni dans Google Chrome et Safari.
Le problème peut il être le Mac ? Bizarre je ne vois pas ce que ça peut être...