Probléme avec le CSS. (DOCTYPE ?)
Résolu
Blcko77
-
Stéphane18 Messages postés 375 Date d'inscription Statut Membre Dernière intervention -
Stéphane18 Messages postés 375 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>
6 réponses
-
Essaye plutôt avec :
<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:
<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" /> -
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:<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 :) -
Salut, regarde aussi ta feuille de style à la racine de ton site regarde bien la petite erreur elle s'appelle Style.css avec un S majuscule et toi dans ton code tu l'as appelé style.css avec un s minuscule d'où l'erreur 404, remplace tes majuscules par des minuscule.
