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

Résolu

akelato Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
akelato Messages postés 3 Date d'inscription Statut Membre Dernière intervention - 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 :)

Afficher la suite

A voir également:

Pourquoi mon css ne marche pas
Enlever le soulignement d'un lien css - Astuces et Solutions
Css exposant ✓ - Forum CSS
Enlever trait sous un lien href ✓ - Forum Webmastering
Css download - Télécharger - HTML
CSS/Comment enlever couleur liens ? ✓ - Forum CSS

2 réponses

Réponse 1 / 2

Utilisateur anonyme

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 Statut Membre Dernière intervention

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

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 Statut Membre Dernière intervention

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

aligner une liste horizontalement

Faire une barre horizontale de navigation

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

Faire sauter 2 lignes avec br (CSS)

Cliquer sur un bouton pour faire apparaitre un paragraphe/image

Mon Css n'est pas pris en compte quand je mets mon site en ligne

Votre réponse

Discussions similaires