IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Problème chargement CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 5
    Par défaut Problème chargement CSS
    Bonjour,

    désolé de poser une question aussi basique, mais pour une raison totalement inexpliquée, le CSS de mon site web refuse de se charger. Voici l'appel dans index.html (pour l'instant la seule page du site) :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <HTML>
    <HEAD>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <link href="IMG/styles.css" rel="stylesheet" type="text/css" />
    <TITLE>Bienvenue sur la page d'accueil</TITLE>
    </HEAD>

    Le plus étonnant, c'est que j'arrive à lancer le CSS avec Webdevelopper (CTRL, SHIFT, E). J'ai essayé pas mal de bidouilles (genre modifier les autorisations des fichiers, en autorisant tout), mais rien n'y fait !

    Quelqu'un a-t-il une idée ? D'avance, merci... je désespère !

    P.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ta feuille de style est bien dans ton dossier IMG ?

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 5
    Par défaut
    Ben oui....

    Au départ, je l'avais mis dans le dossier principal, avec comme appel juste "styles.css", puis j'ai tenté de le mettre dans le dossier IMG, avec comme appel "/IMG/styles.css" (c'est une des 99482958 manipulations que j'ai essayées...)

    C'est incompréhensible... Pitié, que quelqu'un m'aide !

  4. #4
    Membre éclairé Avatar de tintin72
    Profil pro
    Inscrit en
    Septembre 2003
    Messages
    663
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2003
    Messages : 663
    Par défaut
    Salut,

    Fais attention à la casse.
    En général les serveur sont sous Unix et donc
    sensible à la casse. Si ton dossier sur ton serveur
    se nomme img ou Img ça ne passera pas. Vérifies bien.

  5. #5
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par défaut
    Salut,

    que donne ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link href="../IMG/styles.css" rel="stylesheet" type="text/css" />
    L'endroit où se trouve ta feuille de style par rapport à tes pages joue sur le chemin d'appel de celle-ci.

  6. #6
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    quelques autres remarques.

    Pourquoi code tu tes tags html en majuscule ? j'espere ne pas me faire contredire mais la majorité les écrivent en minuscule (<html><head> ....)

    Sinon je n'ai pas vu de doctype à ton fichier html. ça ne résoudra pas le problème mais c'est trés utile.

    un exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    enfin, tu peux nous joindre ton css et ton html pour que l'on test et qu'on puisse te renvoyer un code qui fonctionne.


  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 5
    Par défaut
    Rebonjour, et merci pour vos conseils.

    Je crois qu'on tient quelque chose avec la balise <doctype>, puisque j'ai constaté une légère différence d'affichage... mais toujours pas l'application de mon CSS.

    Comment savoir quel doctype choisir ?

  8. #8
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    voici un début de réponse :
    http://xhtml.developpez.com/faq/?pag...#html_doctypes

    c'est à toi de choisir celui que tu veux.

  9. #9
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 5
    Par défaut
    Bonjour,

    apparemement, changer le doctype ne change pas grand chose et n'applique pas le CSS pour autant.

    Voici, en désespoir de cause, mon fichier index.html (intitulé index2.html) et le fichier styles.css, que je place dans le même dossier, à la racine du site (l'hébergement étant chez infomaniak.ch, la racine du site est dans le répertoire /web)
    Fichiers attachés Fichiers attachés

  10. #10
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    effectivement, je comprend pas trop.

    J'ai récupéré tes fichiers joint et ça ne marche pas.

    J'ai copié ton code, reccréé moi meme les fichiers styles.css et index2.html, rajouté un entete un peu mieux, remis tout en minuscules et fermé le tr du second tableau. et ça marche.

    voici ce que j'ai dedans

    styles.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
     
    body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	background-image: url('bottom_bg.gif');
    	}
     
    table {
    	font-size: 12px;
    	border-width: 1px;
    	border-spacing: 0px;
    	padding: 0px;
    	border-style: solid;
    	border-color:#E5E5E5;
    	background-color: #751526;
    }
     
     
    tr {
    	background-color: #6B8AE5;
    	padding: 0px;
    }
     
    td {
    	padding: 3px;
    	text-align: left
    }
     
    .haut {
    	background-color: #FFFFFF;
    }
     
    .question {
    	font-weight: bold;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #E5E5E5;
    	line-height: normal;
    	padding-bottom: 5px;
    	color: #373400;
    }
     
    .tdgauche {
     
    	border-left: thick #373400 !important;
    	border-bottom: thick #373400 !important;
    	line-height: normal;
    	padding-bottom: 5px;
    	color: #373400;
    }
     
    input {
    	float:left;
    	background-color: #FFFCF0;
    	border-width: 1px;
    	border-color:#E5E5E5;
    }
     
    div.test { background-color: #751526; }
    index2.html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" media="screen" href="styles.css" />
    </head>
     
    <body>
    <table width="100%" border="1">
    <tr class="haut" height ="105">
    <td width="400"><img src="img/logo.png"></td>
    <td></td>
    <td width="200" align="right"><img src="img/image2.gif"></td>
    </tr>
    <tr height="250"><td valign="top" colspan="2"><p><b>bienvenue sur le site du projet </b></p><p>ce projet de recherche sur les formes d'organisation est financé par de l'argent. il est réalisé en partenariat avec des entreprises.</p><p>le site du projet est toujours en construction.</p><td></td></tr>
    </table>
     
    <table width="100%" border ="1">
    <tr height="105">
    <td><img src="img/image3.gif"></td>
    <td><img src="img/image4.gif"></td><td><img src="img/image5.gif"></td><td><img src="img/image6.gif"></td><td><img src="img/image7.gif"></td>
    </tr>
    </table>
     
    hello
    </body>
    </html>
    ceci marche par contre en recopiant ces codes dans tes fichiers, ça ne marche pas.

    Il doit y avoir une erreur sur la création de tes fichiers ou un truc du genre qui m'echappe totalement.

  11. #11
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut,

    Tu dois avoir un problème d'encodage sur ton fichier css.
    Quand j'affiche ton css en passant par firebug, j'obtiens cela:

    潢祤笠਍昉湯⵴慦業祬›敖摲湡ⱡ䄠楲污‬效癬瑥捩ⱡ猠湡⵳敳楲㭦਍戉捡杫潲湵ⵤ浩条㩥甠汲戨瑯潴彭杢朮晩㬩਍紉਍਍慴汢⁥ൻऊ潦瑮猭穩㩥ㄠ瀲㭸਍戉牯敤⵲楷瑤㩨ㄠ硰഻ऊ潢摲牥猭慰楣杮›瀰㭸਍瀉摡楤杮›瀰㭸਍戉牯敤⵲瑳汹㩥猠汯摩഻ऊ潢摲牥挭汯牯 ⌺㕅㕅㕅഻ऊ慢正牧畯摮挭汯牯›䘣䙆䙆㭆਍ൽഊഊ琊⁲ൻऊ慢正牧畯摮挭汯牯›㘣㡂䕁㬵਍瀉摡楤杮›瀰㭸਍ൽഊ琊⁤ൻऊ慰摤湩㩧㌠硰഻ऊ整瑸愭楬湧›敬瑦 ਍ൽഊ⸊慨瑵笠਍戉捡杫潲湵ⵤ潣潬㩲⌠䙆䙆䙆഻紊਍਍焮敵瑳潩ൻऊ潦瑮眭楥桧㩴戠汯㭤਍戉牯敤⵲潢瑴浯眭摩桴›瀱㭸਍戉牯敤⵲潢瑴浯猭祴敬›潳楬㭤਍戉牯敤⵲潢瑴浯挭汯牯›䔣䔵䔵㬵਍氉湩ⵥ敨杩瑨›潮浲污഻ऊ慰摤湩ⵧ潢瑴浯›瀵㭸਍按汯牯›㌣㌷〴㬰਍ൽഊ⸊摴慧捵敨笠਍਍戉牯敤⵲敬瑦›桴捩㌣㌷〴‰椡灭牯慴瑮഻ऊ潢摲牥戭瑯潴㩭琠楨正⌠㜳㐳〰℠浩潰瑲湡㭴਍氉湩ⵥ敨杩瑨›潮浲污഻ऊ慰摤湩ⵧ潢瑴浯›瀵㭸਍按汯牯›㌣㌷〴㬰਍ൽഊ椊灮瑵笠਍昉潬瑡氺晥㭴 ਍戉捡杫潲湵ⵤ潣潬㩲⌠䙆䍆う഻ऊ潢摲牥眭摩桴›瀱㭸਍戉牯敤⵲潣潬㩲䔣䔵䔵㬵਍ൽ
    Je crois qu'on peut dire que c'est du chinois...

    Essaie de modifier l'encodage de ton fichier ou alors, tu peux indiquer dans le css quel est l'encodage (par exemple, pour utf-8: @charset "utf-8"; en début de fichier)

    Mais vu ce à quoi ressemble ton fichier, je ne suis pas sur que la deuxième solutino fonctionnera...

    A noter: cela ne pose pas de problème à IE6 qui applique bien le css
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  12. #12
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 5
    Par défaut Problème d'encodage
    Merci à vous !

    Il y avait effectivement un problème d'encodage du CSS, que j'avais probablement enregistré en ANSI. Je l'ai réouvert dans le bloc-notes et réenregistré en UTF-8... et ça marche !

    Merci beaucoup pour le temps que vous m'avez consacré.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème de chargement CSS sur ie6
    Par Cosotbak dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 11/01/2010, 09h41
  2. Réponses: 5
    Dernier message: 17/10/2006, 18h27
  3. [FLASH 8] Probléme chargement .swf et variable
    Par segphault dans le forum Flash
    Réponses: 1
    Dernier message: 24/10/2005, 13h18
  4. Problème Menu CSS
    Par Kerod dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 28/04/2005, 20h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo