Fichier CSS externe n'est pas en cours de chargement dans le navigateur

Alors tout d'abord, je veux commencer par dire que je suis très nouveau à la programmation, donc pardonnez-moi si je ne suis pas aussi rapidement.

Maintenant, j'ai un problème qui est vraiment me tracasse depuis quelques jours et j'ai cherché partout pour trouver une solution.

J'utilise WAMP serveur de configuration. Tout a très bien marché jusqu'à ce que j'ai commencé à travailler avec les CSS. J'ai un fichier CSS externe.

Quand j'ai vue de ma page HTML dans Dreamweaver, je vois qu'il est correctement connecté à un fichier CSS. Je peux voir les styles appliqués dans la vue de Conception. Cependant, lorsque j'affiche la page dans le navigateur, Firefox dit (dans la Console d'Erreur) que l' .fichier css ne peut pas être chargé en raison de son type MIME text/html et non du texte/css.

Alors j'ai pensé que c'était un problème de configuration du serveur. Ce que j'ai fait est le suivant:
Je suis allé dans le .Fichier HTACCESS et ajouté la ligne suivante:
AddType text/css .css

Après le redémarrage de mon serveur, ce n'est toujours pas à résoudre le problème. Pour une raison quelconque, le navigateur effectue la lecture de mon fichier css dans un fichier html. Toute idée de ce qui pourrait aller mal ici?

Voici la tête de la file, je suis en train de charger dans le navigateur (c'est en fait un template Smarty):

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../htdocs/css/styles.css" type="text/css" media="all" />
</head>

Aussi, veuillez noter que je suis de codage à l'aide de Zend framework.
Voici mon .HTACCESS:

RewriteEngine on

RewriteCond %{SCRIPT_FILENAME} !-f

RewriteCond %{SCRIPT_FILENAME} !-d

RewriteRule ^(.*)$ index.php/$1

AddType text/css .css

J'ai donc pris l'avis de DA et cliqué sur Afficher la Source de la Page lors de l'affichage de la page dans le navigateur et cliqué sur le lien de mon fichier CSS. C'est ce qu'il me montre:

Quand je clique sur le lien, je vois ceci:

<br />
<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0'  cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught exception 'Zend_Controller_Dispatcher_Exception' with message 'Invalid controller specified (error)' in C:\shaancode\www\phpweb20\htdocs\Zend\Controller\Dispatcher\Standard.php on line <i>248</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Zend_Controller_Dispatcher_Exception: Invalid controller specified (error) in C:\shaancode\www\phpweb20\htdocs\Zend\Controller\Dispatcher\Standard.php on line <i>248</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0006</td><td bgcolor='#eeeeec' align='right'>382488</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\shaancode\www\phpweb20\htdocs\index.php' bgcolor='#eeeeec'>..\index.php<b>:</b>0</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>2</td><td bgcolor='#eeeeec' align='center'>0.0892</td><td bgcolor='#eeeeec' align='right'>4748936</td><td bgcolor='#eeeeec'>Zend_Controller_Front->dispatch(  )</td><td title='C:\shaancode\www\phpweb20\htdocs\index.php' bgcolor='#eeeeec'>..\index.php<b>:</b>42</td></tr>
</table></font>

quel est le nom de fichier de votre fichier css et lorsque vous affichez le navigateur de quoi vous le lien de la feuille de style de la balise dire?
pouvez-vous montrer le code ?
Hey Shaan, nous avons besoin de voir le code HTML de la tête pour comprendre ce qui se passe. Une fois que vous publiez du contenu, nous allons avoir plus d'une idée de ce qui se passe.
quel est le contenu de votre fichier CSS?
Ouvrez votre page à partir de votre serveur dans Firefox. Allez à l'AFFICHAGE de la SOURCE. Dans le fichier source, cliquez sur l'URL de votre fichier CSS. Quelles charges? Ma conjecture est que votre fichier CSS lien n'est pas un lien à un fichier, de sorte que votre serveur est de servir comme une page d'erreur personnalisée. Cette page HTML, d'où l'erreur.

OriginalL'auteur Shaan | 2011-03-15

1
```
href="../htdocs/css/styles.css"
```
Le répertoire htdocs est généralement la racine de votre site. Ainsi, alors que c'est un parfaitement bon chemin sur votre système de fichiers local, une fois que vous y accéder par un serveur web le ../ est ignoré parce que vous êtes dans le haut de la partie locale déjà. Ensuite, il n'y a pas de htdocs de sorte que le reste du chemin d'accès doit 404.

Pour une raison quelconque, Zend est l'envoi de son "Invalide le contrôleur spécifié (erreur)" (qui signifie "je ne peux pas trouver ce que j'ai demandé" avec un 200 OK code d'état, de sorte que le navigateur est en disant: "C'est un document HTML" au lieu de "Rien ne s'y trouvent".

Supprimer la ../htdocs/ partie de l'URL.

Si je supprime le dossier htdocs/ la partie de l'URL, il ne peut pas trouver le fichier css dans Dreamweaver.
Désolé, je voulais dire ../ trop. Réponse de mise à jour.
Shaan vous vraiment ne doit PAS dépendre de la visualisation de rendu CSS dans Dreamweaver. Il n'a jamais été bon, a toujours des bugs. Utilisation DW comme un gentil éditeur de texte, mais utilisez votre navigateur web pour voir comment le site fonctionne réellement.

OriginalL'auteur Quentin
0

Vous pouvez être en utilisant le CSS probablement en utilisant <link rel=stylesheet href="cssName.html">
Cela peut être semblable à la Mozilla Bug. S'il vous plaît partagez-vous le code de sorte que nous pouvons fournir de meilleures suggestions.

OriginalL'auteur Piyush Mattoo
0

Ici, le problème peut être de deux ordres. Le fichier CSS est manquant et que votre système est au service d'une page 404 (si vous avez configuré) si le navigateur est à se plaindre que ce n'est pas un fichier CSS.

Ou le problème pourrait être que vous avez un problème de configuration du serveur. Si c'est une nouvelle installation de WAMP, c'est assez rare.

Avez-vous essayé d'accéder au fichier directement?
- Afficher la source dans Firefox (ou de n'importe quel navigateur)
- cliquez sur le lien CSS que vous avez fait. Si vous ne pouvez pas cliquer sur ce que vous pouvez copier-coller dans une nouvelle fenêtre.
- Faut-il pour le fichier CSS ou dans un autre fichier?
Si cela vous prend pour un autre fichier qui signifie que vous n'avez pas lié correctement. Vous feriez mieux d'utiliser un chemin absolu (à partir de la racine de votre site) plutôt qu'un chemin d'accès relatif.

MODIFIER : à l'Aide de feuilles de style dans le Zend Framework

En supposant que vos fichiers CSS sont dans ZF/public/css, vous devez inclure dans votre mise en page ou vue comme
```
$this->headLink()->appendStylesheet('/css/styleForThisPage.css'); //in your view 
```
Désigner une zone pour qu'elle soit imprimée (à votre disposition)
```
echo $this->headLink()
```
Cependant, si c'est un fichier css au niveau du site et que vous souhaitez inclure votre CSS dans la mise en page, puis tout simplement en faisant écho à sortir suffira
```
echo $this->headLink()->appendStylesheet('/css/global.css');
```
Le fichier est lié correctement. J'ai chargé dans Firefox. Quand il charge, je vois le CSS document en texte brut. Si j'sélectionnez Afficher les Info sur la Page de mon navigateur, il est dit de type: text/css.
Collez votre .fichier htaccess dans votre question. aussi, êtes-vous, en utilisant des frameworks PHP ou des hôtes virtuels?
Bien sûr, je mettrai à jour la question. Aussi, je suis en utilisant le Zend framework. J'ai simplement localhost comme mon hôte virtuel.
Ensuite, le problème est peut-être un problème de chemin d'accès. vous devez utiliser le urlhelper ou la headlink de l'aide pour comprendre votre CSS
Oh, je vois. Pouvez-vous préciser comment utiliser urlhelper ou headlink l'aide?

OriginalL'auteur JohnP
0

Merci pour l'aide tout le monde! Beaucoup d'entre vous ont été à droite, elle a, en définitive, à voir avec le chemin d'accès href. Donc, j'ai été en mesure de corriger l'erreur, mais il semble que la solution est simple et le problème idiot!

Dans Dreamweaver, je n'ai pas de définir le dossier Racine du Site!! C'était à l'origine un problème parce que j'ai été en utilisant un chemin relatif, mais il n'était pas de trouver correctement en fin de compte, parce que la Racine du Site n'était pas défini!

Alors je l'ai mis à la Racine du Site dans Dreamweaver pour mon répertoire Racine (où .HTACCESS est placé), et modifié le chemin d'accès à simplement "/css/styles.css".

Et maintenant ça fonctionne!

Désolé de mal à tout le monde et merci à vous tous pour votre aide!

Jusqu'voter les réponses qui vous ont aidé, s'il vous plaît. Content que tu ai eu de travail.

OriginalL'auteur Shaan

Vous devez vous connecter pour publier un commentaire.