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

Résolu/Fermé

Css

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:

Mon css ne s'applique pas
Pourquoi mon css ne marche pas - Meilleures réponses
Css ne fonctionne pas - Meilleures réponses
Ma feuille de style CSS ne s'applique pas ... ✓ - Forum - CSS
Le CSS ne s'applique pas ✓ - Forum - CSS
{css] ne s'applique pas ✓ - Forum - CSS
Mon CSS ne s'applique pas ! ✓ - Forum - CSS
Css ne s'applique pas - Forum - CSS

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

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

Ecrire du texte à coté de l 'image

Remplacer une image par une autre uniquement avec le CSS

redimensionner une image css

Mettre une opacity sur un background-image

Discussions similaires

Newsletters