Ma feuille de style CSS ne s'applique pas ...

Résolu/Fermé

akelato Messages postés 3 Date d'inscription lundi 5 décembre 2016 Statut Membre Dernière intervention 6 décembre 2016 - Modifié par akelato le 5/12/2016 à 15:51
akelato Messages postés 3 Date d'inscription lundi 5 décembre 2016 Statut Membre Dernière intervention 6 décembre 2016 - 6 déc. 2016 à 17:14

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 :)

A voir également:

2 réponses

Réponse 1 / 2

Utilisateur anonyme
Modifié par le père. le 5/12/2016 à 18:33

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>

akelato Messages postés 3 Date d'inscription lundi 5 décembre 2016 Statut Membre Dernière intervention 6 décembre 2016
6 déc. 2016 à 17:14

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

Réponse 2 / 2

Utilisateur anonyme
5 déc. 2016 à 16:20

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.

akelato Messages postés 3 Date d'inscription lundi 5 décembre 2016 Statut Membre Dernière intervention 6 décembre 2016
5 déc. 2016 à 17:31

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 :)

Discussions similaires

Relier une page CSS à une page HTML

appel d'un fichier css à partir de html

comment lier page .html à mon fichier .css?

aligner une liste horizontalement

Faire une barre horizontale de navigation

adapter la largeur d'une image à la taille de l'écran