Ma feuille de style CSS ne s'applique pas ... [Résolu/Fermé]

Signaler
Messages postés
3
Date d'inscription
lundi 5 décembre 2016
Statut
Membre
Dernière intervention
6 décembre 2016
-
Messages postés
3
Date d'inscription
lundi 5 décembre 2016
Statut
Membre
Dernière intervention
6 décembre 2016
-
Bonjour,

Je suis étudiant en création de site web, je dois bien évidemment créer mon site (sur mac).

Mon fichier html fin prêt, j'ai décidé d'enjoliver tout ça avec un peu de CSS (provenant de W3School), histoire que ça soit sympa.

Malheureusement, lors du test du fichier html dans mes navigateurs (chrome et safari), s'affiche seulement l'html et aucune des modifications présentes dans le fichier CSS.

Mon fichier html et css sont pourtant dans le même dossier, bien introduit en href
(<link rel="stylesheet" href="style.css" type="text/css"/>) et avant la fin de "head".

Après un tour sur divers forums, mon problème reste toujours sans réponse et très frustrant...

J'utilise TextWrangler pour coder.

Dans l'attente d'une réponse rapide de votre part, je vous remercie de l'attention que vous porterez à ce message de détresse :)

2 réponses

Plusieurs problèmes :

- tu as une balise <html> : où est la balise </html> ?
- balise <body : il manque le > à la fin
- la balise <font> est dépréciée, ne l'utilise pas. D'ailleurs, il te manquait la balise </font>.
- Et, dans la mesure où tu utilises le CSS, on se demande à quoi sert ta balise <b>
2
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 56959 internautes nous ont dit merci ce mois-ci

Messages postés
3
Date d'inscription
lundi 5 décembre 2016
Statut
Membre
Dernière intervention
6 décembre 2016

Pour le </html>, j'avais oublié de le copier quand je l'ai collé ici

Et c'est effectivement en fermant la balise <body(>), que le CSS s'est enfin appliqué

Merci pour l'aide même si c'était une grave faute d'inatention ! ^^
Je met le topic en résolu

Bonjour

Il y a des tas de raisons possibles, mais sans voir ni ton html, ni ton css, pas possible de répondre.

Si c'est un site en ligne, donne-nous le lien ; sinon poste le code ici en utilisant les balises de code. Et si c'est trop long, mets-les sur https://www.cjoint.com/ ou autre.
Messages postés
3
Date d'inscription
lundi 5 décembre 2016
Statut
Membre
Dernière intervention
6 décembre 2016

C'est tout simple, mais j'avais des consignes à suivre:

- HTML (index.html):
" <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>Exemple</title>
</head>
<body style="background-color:powderblue;"
<h1 align="center"> <font size="6"><b>Exemple 2</b></h1><br />
<a href= "accueil.html">Accueil</a>
</body>
"


- CSS (style.css):
"h1
{
font-size: 32px;
text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000;
font-family:Arial, Helvetica, sans-serif;
color: #090;
padding:16px;
font-weight:lighter;
-webkit-box-shadow: 2px 2px 6px #888;
box-shadow:2px 2px 6px #888;
text-align:center;
display:block;
margin:16px;
background-image:url(image provenant du web);
}
"

Voilà, merci pour ta réponse :)