Application des styles CSS dans pages html
Résolu
Walhan
-
Walhan -
Walhan -
Bonjour,
J'ai un site qui vit maintenant depuis quelques temps:
http://lemondedewalhan.free.fr
Mais il est fait "à la main" avec beaucoup trop de balises dans tous les sens. Afin de rationaliser un peu son contenu (et pouvoir l'ajuster plus facilement par la suite), je me suis intéressé aux pages CSS.
J'ai donc créé un style.css a la racine de mon site et je l'ai intégré dans ma page test.
http://lemondedewalhan.free.fr/critique/Agence.htm
Accessible depuis une page php:
http://lemondedewalhan.free.fr/walhan.php?menu=culture&page=cc_films
Au premier test en ligne, la taille des textes était bonne mais pas les couleurs, depuis, je n'arrive plus vraiment à modifier les contenus.
Voici mon css nettoyé des commentaires:
h1 {color: red; font-size: 24pt;}
h2 {text-decoration: underline; color:#500500; font-size: 14pt; font-weight: bold;}
h3 {color:#FFFFFF; font-size: 12pt; font-weight: bold; }
h4 {text-decoration: underline; color: #FFFFFF; font-size: 10pt; font-weight: bold;}
h6 {font-family: arial, verdana, sans-serif ; font-size: 18pt; color: green; background-color: #FFFFFF ; }
Visiblement le lien est bien fait dans le fichier Agence.htm puisqu'il y a eu malgré tout des modifications à un moment.
Merci d'avance
J'ai un site qui vit maintenant depuis quelques temps:
http://lemondedewalhan.free.fr
Mais il est fait "à la main" avec beaucoup trop de balises dans tous les sens. Afin de rationaliser un peu son contenu (et pouvoir l'ajuster plus facilement par la suite), je me suis intéressé aux pages CSS.
J'ai donc créé un style.css a la racine de mon site et je l'ai intégré dans ma page test.
http://lemondedewalhan.free.fr/critique/Agence.htm
Accessible depuis une page php:
http://lemondedewalhan.free.fr/walhan.php?menu=culture&page=cc_films
Au premier test en ligne, la taille des textes était bonne mais pas les couleurs, depuis, je n'arrive plus vraiment à modifier les contenus.
Voici mon css nettoyé des commentaires:
h1 {color: red; font-size: 24pt;}
h2 {text-decoration: underline; color:#500500; font-size: 14pt; font-weight: bold;}
h3 {color:#FFFFFF; font-size: 12pt; font-weight: bold; }
h4 {text-decoration: underline; color: #FFFFFF; font-size: 10pt; font-weight: bold;}
h6 {font-family: arial, verdana, sans-serif ; font-size: 18pt; color: green; background-color: #FFFFFF ; }
Visiblement le lien est bien fait dans le fichier Agence.htm puisqu'il y a eu malgré tout des modifications à un moment.
Merci d'avance
A voir également:
- Application des styles CSS dans pages html
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Desinstaller application windows - Guide
- Supprimer une page dans word - Guide
- Editeur html - Télécharger - HTML
- Styles word - Guide
2 réponses
bonjour,
Je connais que le CSS et rien au reste, mais tu dois avoir une embrouille dans tes emplacements de fichiers (qui doivent être dans le même répertoire), ou dans les noms de tes fichiers.
Si on clique sur le lien du fichier "style.css" du code source de ta page test (http://lemondedewalhan.free.fr/critique/Agence.htm) ,ce lien ne renvoit pas à ton fichier css, mais à une page pourtant nommée "http://lemondedewalhan.free.fr/critique/style.css" (toujours en fenêtre code source) et qui elle contient un lien concernant un autre fichier css à l'adresse "http://pageperso.free.fr/im/css/free.css"
Pour trouver le bon fichier css, il faut aller comme tu l'as dis à la page http://lemondedewalhan.free.fr/walhan.php?menu=culture&page=cc_films et là dans le code source, le lien du fichier "style.css" renvoi bien au css de ta page test.
J'ai suivi les indications du chapitre 7 de cette page:
-> j'ai copié le code source de ta page test.
-> j'ai copié le fichier css de ta page test.
Les deux fichiers enregistrés dans le même répertoire => et ça marche !
Bref je saurai pas trop t'en dire plus, t'auras plus de chance d'obtenir de l'aide en postant dans le forum Webmastering.
Je connais que le CSS et rien au reste, mais tu dois avoir une embrouille dans tes emplacements de fichiers (qui doivent être dans le même répertoire), ou dans les noms de tes fichiers.
Si on clique sur le lien du fichier "style.css" du code source de ta page test (http://lemondedewalhan.free.fr/critique/Agence.htm) ,ce lien ne renvoit pas à ton fichier css, mais à une page pourtant nommée "http://lemondedewalhan.free.fr/critique/style.css" (toujours en fenêtre code source) et qui elle contient un lien concernant un autre fichier css à l'adresse "http://pageperso.free.fr/im/css/free.css"
Pour trouver le bon fichier css, il faut aller comme tu l'as dis à la page http://lemondedewalhan.free.fr/walhan.php?menu=culture&page=cc_films et là dans le code source, le lien du fichier "style.css" renvoi bien au css de ta page test.
J'ai suivi les indications du chapitre 7 de cette page:
-> j'ai copié le code source de ta page test.
-> j'ai copié le fichier css de ta page test.
Les deux fichiers enregistrés dans le même répertoire => et ça marche !
Bref je saurai pas trop t'en dire plus, t'auras plus de chance d'obtenir de l'aide en postant dans le forum Webmastering.