2017-10-03 7 views
0

J'ai une structure de dossier linux comme suit pour un serveur apache sur une pi framboise:html adresse relative à la feuille de style CSS ne fonctionne pas

/var/www/html/index.html 
/var/www/css/style.css 
/var/www/php/someCode.php 

index.html est la suivante:

<!DOCTYPE html> 
<html> 
<head> 
<title>Introducing CSS Not Working</title> 
<link href="../css/style.css" type="text/css" 
rel="stylesheet" /> 
</head> 
<body> 
<h1>From Garden to Plate Not Working</h1> 
<p>A <i>potager</i> is a French term for an 
ornamental vegetable or kitchen garden ... </p> 
<h2>What to Plant</h2> 
<p>Plants are chosen as much for their functionality 
as for their color and form ... </p> 
</body> 
</html> 

style.css est la suivante:

body { 
font-family: Arial, Verdana, sans-serif;} 
h1, h2 { 
color: red;} 
p { 
color: #665544;} 

Le CSS n'a pas d'impact sur le code HTML. Avez-vous une idée pourquoi, je suppose que quelque chose à voir avec le lien css dans index.html? Merci.

+0

Regardez l'onglet Réseau dans les outils de développement de votre navigateur et voir comment il essaie de résoudre le chemin de votre fichier CSS. –

+0

Merci, comment je fais ça? (Chrome btw) –

Répondre

0

fichier css est hors de répertoire racine, je le déplacer dans le même répertoire où le index.html est ou si vous avez besoin dossier css je les créer comme ça

/var/www/index.html 
/var/www/css/style.css 
/var/www/php/someCode.php 
+1

La structure du dossier apache2 utilise 'var/www/html'. Pour mon cerveau organisé cela semble inutile d'avoir html imbriqué dans www. Je veux continuer avec ma vie, donc j'ai mis '/ css' et'/php' dans '/ var/www/html'. Cela semble fonctionner. –

-1

Il semble être travailler dans Chrome. Quel navigateur utilisez-vous?

Here's what I see