Mon css appelé dans html ne s'execute pas
moidebutant
Messages postés
16
Statut
Membre
-
Nicolas2008 Messages postés 41 Statut Membre -
Nicolas2008 Messages postés 41 Statut Membre -
bonjour,
voici mon code html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="new2.css" />
</head>
<body>
<h1>De toutes les couleurs</h1>
<p>Salut et bienvenue dans cette page haute en couleurs ! J'utilise des noms de couleurs standards dans mon CSS pour égayer un peu la page. Ainsi, "red" signifie "rouge", "blue" signifie "bleu" etc.</p>
</body>
</html>
mon css
h1
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
text-decoration: underline;
color: green; /* Le titre en vert (pourquoi pas ?) */
}
h1:hover /* Quand on pointe sur un titre */
{
background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */
text-indent: 20px;
}
p
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
color: red; /* Le titre en vert (pourquoi pas ?) */
}
apres execution rien ne se passe comme si'il n'y avait pas de css appelé, j'ai besoin de votre aide pour continuer
merci
voici mon code html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="new2.css" />
</head>
<body>
<h1>De toutes les couleurs</h1>
<p>Salut et bienvenue dans cette page haute en couleurs ! J'utilise des noms de couleurs standards dans mon CSS pour égayer un peu la page. Ainsi, "red" signifie "rouge", "blue" signifie "bleu" etc.</p>
</body>
</html>
mon css
h1
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
text-decoration: underline;
color: green; /* Le titre en vert (pourquoi pas ?) */
}
h1:hover /* Quand on pointe sur un titre */
{
background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */
text-indent: 20px;
}
p
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
color: red; /* Le titre en vert (pourquoi pas ?) */
}
apres execution rien ne se passe comme si'il n'y avait pas de css appelé, j'ai besoin de votre aide pour continuer
merci
A voir également:
- Mon css ne marche pas
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
8 réponses
il faut que: après avoir créer ton fichier css sur bloc note, tu dois
- enrégistré au type .txt (et non pas tous les fichier), et tu dois le nomé en .css (exemple 1.css).
- et l'enrégistré ce fichier css dans le méme dossier ou se trouve ta page web
Ensuite dans le code source de la page web tu dois insérer ce code entre les balises <head> </head>
<link rel="stylesheet" type="text/css" href="1.css"/>
après dis moi si ça marche
- enrégistré au type .txt (et non pas tous les fichier), et tu dois le nomé en .css (exemple 1.css).
- et l'enrégistré ce fichier css dans le méme dossier ou se trouve ta page web
Ensuite dans le code source de la page web tu dois insérer ce code entre les balises <head> </head>
<link rel="stylesheet" type="text/css" href="1.css"/>
après dis moi si ça marche
Bonjour,
En analysant le code, je ne pense pas que le problème venait simplement de renommer le fichier index.html.
Je ne pense pas non plus que le bloc-note était le problème.
Je pencherais peut être sur le fait qu'il fallait réactualiser la page, éventuellement en pressant la touche majuscule.
Petite remarque pour magichit:
Tu as dis "virer media et title qui servent à rien, c'est peut être ça. "
Non, le problème ne vient pas de ça et c'est faux de dire qu'il ne servent à rien. Le media indique sur quel type de support la page s'affiche. Concernant title, sans trop m'avancer, je dirais qu'on l'utilise dans la conception de style très avancé.
Nicolas
En analysant le code, je ne pense pas que le problème venait simplement de renommer le fichier index.html.
Je ne pense pas non plus que le bloc-note était le problème.
Je pencherais peut être sur le fait qu'il fallait réactualiser la page, éventuellement en pressant la touche majuscule.
Petite remarque pour magichit:
Tu as dis "virer media et title qui servent à rien, c'est peut être ça. "
Non, le problème ne vient pas de ça et c'est faux de dire qu'il ne servent à rien. Le media indique sur quel type de support la page s'affiche. Concernant title, sans trop m'avancer, je dirais qu'on l'utilise dans la conception de style très avancé.
Nicolas
Salut
j'ai déjà eu ce probleme. Mais je vois que chez toi c'est déjà bien codé. Ton css doit se nommer "new2.css" et doit être forcement dans le même repertoire que ta page html. ou au cas contraire tu peux toujours faire href="dossier/new2.css" (avec le nom du dossier bien-sûr)
A+
j'ai déjà eu ce probleme. Mais je vois que chez toi c'est déjà bien codé. Ton css doit se nommer "new2.css" et doit être forcement dans le même repertoire que ta page html. ou au cas contraire tu peux toujours faire href="dossier/new2.css" (avec le nom du dossier bien-sûr)
A+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
merci a tous, je vous rassure mon css est dans le mm repertoire que html, mais çà ne marche pas, alors que faire?
voici mes codes
fichier index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="new2.css" />
</head>
<body>
<h1>De toutes les couleurs</h1>
<p>Salut et bienvenue dans cette page haute en couleurs ! J'utilise des noms de couleurs standards dans mon CSS pour égayer un peu la page. Ainsi, "red" signifie "rouge", "blue" signifie "bleu" etc.</p>
</body>
</html>
mon css
new2.css h1
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
text-decoration: underline;
color: green; /* Le titre en vert (pourquoi pas ?) */
} h1:hover /* Quand on pointe sur un titre */
{
background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */
text-indent: 20px;
}
p
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
color: red; /* Le titre en vert (pourquoi pas ?) */
}
fichier index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="new2.css" />
</head>
<body>
<h1>De toutes les couleurs</h1>
<p>Salut et bienvenue dans cette page haute en couleurs ! J'utilise des noms de couleurs standards dans mon CSS pour égayer un peu la page. Ainsi, "red" signifie "rouge", "blue" signifie "bleu" etc.</p>
</body>
</html>
mon css
new2.css h1
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
text-decoration: underline;
color: green; /* Le titre en vert (pourquoi pas ?) */
} h1:hover /* Quand on pointe sur un titre */
{
background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */
text-indent: 20px;
}
p
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
color: red; /* Le titre en vert (pourquoi pas ?) */
}
Pratiquement correcte. Mais tu sais même les plus professionnels ont souvent des problèmes avec le css.
Tu utilises quel éditeur. En effet bloc notes n'est pas vraiment vraiment un bon éditeur. je te conseil notepad++ Au fait j'ai copié ton code et il marche très bien chez moi. je l'ai éssayé sur IE6 et mozilla sans problème.
reprend le code dans dans un nouveau dossier et dis moi comment il se comporte.
Tu utilises quel éditeur. En effet bloc notes n'est pas vraiment vraiment un bon éditeur. je te conseil notepad++ Au fait j'ai copié ton code et il marche très bien chez moi. je l'ai éssayé sur IE6 et mozilla sans problème.
reprend le code dans dans un nouveau dossier et dis moi comment il se comporte.
>Tu utilises quel éditeur. En effet bloc notes n'est pas vraiment vraiment un bon éditeur. je te conseil notepad++ Au fait j'ai copié ton code et il marche très bien chez moi. je l'ai éssayé sur IE6 et mozilla sans problème.
Ah bon pourquoi? Je dirait que bloc notes est le meilleur éditeur. notepad+ en est tiré et ne rajoute que des facilités qui sont aussi une complication et une source d'erreur surtout quand on avec langages sur la même page.
Pour ce qu'il en est du probléme il faudrait voir du côté du contenu de new2.css Une seule erreur, oubli de point virgule ou guillemet et c'est tout le code derriére qui marche plus. Il ne doit pas non plus comporter de balise <style>(ce qui fonctionnes sous firefox mais plante sous IE)
Sinon dans le link:
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="new2.css" />
virer media et title qui servent à rien, c'est peut être ça.
Tu peut essayer aussi avec la méthode @import et/ou faire un test avec un fichier new2.css qui comporte qu'un style simple(genre attribuer un bacground-color:red à body) histoire de cerner le problème.
Ah bon pourquoi? Je dirait que bloc notes est le meilleur éditeur. notepad+ en est tiré et ne rajoute que des facilités qui sont aussi une complication et une source d'erreur surtout quand on avec langages sur la même page.
Pour ce qu'il en est du probléme il faudrait voir du côté du contenu de new2.css Une seule erreur, oubli de point virgule ou guillemet et c'est tout le code derriére qui marche plus. Il ne doit pas non plus comporter de balise <style>(ce qui fonctionnes sous firefox mais plante sous IE)
Sinon dans le link:
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="new2.css" />
virer media et title qui servent à rien, c'est peut être ça.
Tu peut essayer aussi avec la méthode @import et/ou faire un test avec un fichier new2.css qui comporte qu'un style simple(genre attribuer un bacground-color:red à body) histoire de cerner le problème.
Ah bon pourquoi? Je dirait que bloc notes est le meilleur éditeur. notepad+ en est tiré et ne rajoute que des facilités qui sont aussi une complication et une source d'erreur surtout quand on avec langages sur la même page.
pas tout à fait, notepad++ colorie le code et permet de déceler les erreurs si on prend soin de préciser dans le menu "langage" CSS par exemple, et la si tu oublie un ; ou codes mal ton css, la couleur change.
pas tout à fait, notepad++ colorie le code et permet de déceler les erreurs si on prend soin de préciser dans le menu "langage" CSS par exemple, et la si tu oublie un ; ou codes mal ton css, la couleur change.
