Probléme avec le CSS. (DOCTYPE ?)
Résolu
Blcko77
-
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Sa fait quelque mois que je j'essai de faire un site pour une webradio, j'ai toujour pu regler mes probléme en cherchant sur ce forum mais la je ne trouve pas de solution ...
Sur mon ordinateur la page CSS est parfaitement relié a mon Index mais une foit en ligne (sur free) l'index s'affiche comme s'il n'y avait pas de CSS.
Le probléme vien t-il de l'absence de DOCTYPE de ma page HTML ? J'en et essayé pas mal mais sa n'a rien changé au probléme ...
Index.html :
Sa fait quelque mois que je j'essai de faire un site pour une webradio, j'ai toujour pu regler mes probléme en cherchant sur ce forum mais la je ne trouve pas de solution ...
Sur mon ordinateur la page CSS est parfaitement relié a mon Index mais une foit en ligne (sur free) l'index s'affiche comme s'il n'y avait pas de CSS.
Le probléme vien t-il de l'absence de DOCTYPE de ma page HTML ? J'en et essayé pas mal mais sa n'a rien changé au probléme ...
Index.html :
<head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <style type="text/css" media="all">@import "style.css";</style> <title>Rock Never Dies : La WebRadio 200% Rock !</title> </head> <body onload="addFooter();"> <div class="logo"> <div class="pub">ESPACE PUBLICITAIRE</div> <div class="menu"> <a class="link-menu" href="http://rockneverdies.free.fr/Index.html"><span class="link-menu">accueil</span></a> | <a class="link-menu" href="http://rockneverdies.free.fr/Programmation.html"><span class="link-menu">programmation</span></a> | <a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">photos</span></a> | <a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">vidéos</span></a> | <a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">qui sommes nous ?</span></a> | <a class="link-menu" href="http://rockneverdies.free.fr/Contact\Contact.html"><span class="link-menu">contact</span></a> | <a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">livre d'or</span></a> </div> </body>
A voir également:
- Probléme avec le CSS. (DOCTYPE ?)
- Enlever le soulignement d'un lien css - Forum CSS
- Css download - Télécharger - HTML
- Doctype ✓ - Forum HTML
- Background color css ✓ - Forum CSS
- Css ligne horizontale ✓ - Forum CSS
6 réponses
Essaye plutôt avec :
Par contre attention, si tu ne mets pas de Doctype tu t'exposes à des problèmes d'interprétation de la part des browsers...
Tu devrais également aller faire un tour sur Alsacreations, pour te renseigner sur les bonnes pratiques et la sémantique web ;)
https://www.alsacreations.com/apprendre/
<link rel="stylesheet" type="text/css" href="style.css">
Par contre attention, si tu ne mets pas de Doctype tu t'exposes à des problèmes d'interprétation de la part des browsers...
Tu devrais également aller faire un tour sur Alsacreations, pour te renseigner sur les bonnes pratiques et la sémantique web ;)
https://www.alsacreations.com/apprendre/
Salut, tu doit placer ta fiche de style dans le même dossier que ta page index.html ou alors précise le chemin exact de ta fiche de style.
Par exemple ton site ce trouve dans un dossier nommé site dans ce dossier tu as 3 sous-dossiers le premier nommé page ou tu auras pris soin de placer toute tes pages html, un autre nommé style pour tes fiches de styles, et un pour tes images , dans ce cas pour faire appel au css tu doit écrire:
Par exemple ton site ce trouve dans un dossier nommé site dans ce dossier tu as 3 sous-dossiers le premier nommé page ou tu auras pris soin de placer toute tes pages html, un autre nommé style pour tes fiches de styles, et un pour tes images , dans ce cas pour faire appel au css tu doit écrire:
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style/style.css" />
Maintenant avec tous ça :
<!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" lang="fr" > <head> <title>Page d'accueil </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content=" " /> <meta name="description" content=" " /> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" /> </head>
Quand j'essaie d'accéder à ta fiche de style je tombe sur une erreur 404 cela veux dire dossier introuvable, assure toi que ta fiche de style ce nomme bien style.css et pas styl.css et sinon tente le chemin en absolu pour appeler ta fiche de style genre:
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://rockneverdies.free.fr/ton-dossier/style.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://rockneverdies.free.fr/ton-dossier/style.css" />
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
faudrait peut-être placer ton index.html au bon endroit !
pour l'instant on a ceci :
rockneverdies.free.fr/Style/Index.html
et :
rockneverdies.free.fr/Style/Style.css
et en plus tu n'as pas suivi les conseils donnés:
mets l'index.html à la racine du site
le fichier style css également
puis :
à la place !!!
la feuille de style est valide "(CSS niveau 2.1) " d'après http://jigsaw.w3.org/css-validator/
donc si tu ne mets pas tout en ordre ... cela vient de ton code :)
pour l'instant on a ceci :
rockneverdies.free.fr/Style/Index.html
et :
rockneverdies.free.fr/Style/Style.css
et en plus tu n'as pas suivi les conseils donnés:
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://rockneverdies.free.fr/ton-dossier/style.css" />dans ton fichier index.html !!!
mets l'index.html à la racine du site
le fichier style css également
puis :
<link rel="stylesheet" type="text/css" href="style.css">
à la place !!!
la feuille de style est valide "(CSS niveau 2.1) " d'après http://jigsaw.w3.org/css-validator/
donc si tu ne mets pas tout en ordre ... cela vient de ton code :)
Ma page ressemble a sa : http://rockneverdies.free.fr/Index.html, elle ne prend pas du tout en compte le CSS ..
Merci pour le lien sa va métre trés utile ;)