Probléme avec le CSS. (DOCTYPE ?)

Résolu/Fermé

Blcko77 - 9 mars 2011 à 20:23
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 - 13 mars 2011 à 22:01

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 :

<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>&nbsp;|&nbsp;
<a class="link-menu" href="http://rockneverdies.free.fr/Programmation.html"><span class="link-menu">programmation</span></a>&nbsp;|&nbsp;
<a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">photos</span></a>&nbsp;|&nbsp;
<a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">vidéos</span></a>&nbsp;|&nbsp;
<a class="link-menu" href="http://rockneverdies.free.fr/Construction.htm"><span class="link-menu">qui sommes nous ?</span></a>&nbsp;|&nbsp;
<a class="link-menu" href="http://rockneverdies.free.fr/Contact\Contact.html"><span class="link-menu">contact</span></a>&nbsp;|&nbsp;
<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 ?)
Css premier plan ✓ - Forum CSS
Enlever couleur lien css ✓ - Forum CSS
Css download - Télécharger - HTML
Enlever le soulignement d'un lien css - Forum CSS
Enlever trait sous un lien href ✓ - Forum Webmastering

6 réponses

Réponse 1 / 6

darkz
9 mars 2011 à 20:36

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/

Blcko77
Modifié par Blcko77 le 9/03/2011 à 21:07

Merci pour ta reponse darkz, mais méme avec sa le probléme persiste :/
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 ;)

Réponse 2 / 6

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 21:46

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" />

Blcko77
9 mars 2011 à 21:58

Merci a toi aussi pour ta reponse, ma fiche de style est bel et bien dans le méme dossier que ma page html :s
De plus, sur mon ordi le site marche correctement, c'est une foit sur le serveur de free que sa déconne ..

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 22:02

Fait un copier/coller de cette ligne car toi tu n'as pas mis type="text/css":

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />

Blcko77
Modifié par Blcko77 le 9/03/2011 à 22:11

Toujour le méme probléme avec :

<head> 

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" /> 
<title>Rock Never Dies : La WebRadio 200% Rock !</title> 

</head>

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 22:15

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>

Réponse 3 / 6

Blcko77
9 mars 2011 à 22:21

Non, toujour le méme probléme ...
Le probléme ne peut pas venir de la fiche de style ?

Réponse 4 / 6

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
9 mars 2011 à 22:31

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" />

Blcko77
10 mars 2011 à 17:06

J'ai essayé mais c'est toujour pas sa .. :/

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 2 392
10 mars 2011 à 19:57

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 :)

Blcko77
13 mars 2011 à 20:03

Merci de m'aider bg62.
J'ai mi les deux fichier a la racine du site et j'ai mi

<link rel="stylesheet" type="text/css" href="style.css">

mais non sa amrche toujour pas ...

bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 2 392
13 mars 2011 à 20:06

il faut l'appeler index.html
pas Index.html , pas de majuscule :)

Réponse 6 / 6

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
13 mars 2011 à 22:01

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.

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton

[CSS] Forcé retour à la ligne

indice et exposant en css ?