2016-06-10 3 views
1

Hey ich bin auf einer wirklich grundlegenden Seite für ein Café arbeite ich starten. Ich habe Code arbeiten, um zufällig ein Hintergrundbild für die Seite aus einem Pool von Fotos, die ich getan habe zu wählen, aber wenn ich versuche, eine CSS-Datei im selben Verzeichnis verweisen, werden die Stile überhaupt nicht auf der Seite wiedergegeben.HTML Verknüpfung nicht zu CSS-Datei

index.php

<?php 
    $bg = array('bg1.jpg', 'bg2.jpg', 'bg3.jpg', 'bg4.jpg', 'bg5.jpg', 'bg6.jpg', 'bg7.jpg'); // array of filenames 

    $i = rand(0, count($bg)-1); // generate random number size of the array 
    $selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen 
?> 
<!DOCTYPE html> 
<html lang="en"> 
<html> 
    <head> 
     <title>Recharge Cafe</title> 
       <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <style type="text/css"> 
      body { 
      background: url(images/<?php echo $selectedBg; ?>) no-repeat center center fixed; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -o-background-size: cover; 
      background-size: cover; 
      } 
     </style> 
     <script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-79082509-1', 'auto'); 
    ga('send', 'pageview'); 
</script> 
    </head> 
    <body> 
     <p>Recharge Cafe</p> 
    </body> 
</html> 

stylesheet.css

html { 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

p { 
    color: FFFFFF; 
} 

EDIT: Wenn jemand will, es betrachten http://recharge.cafe ist

Antwort

2

Eigentlich nach der Website, die Sie zur Verfügung gestellt, die CSS-Datei wurde geladen. Der Grund, warum Sie den Text "Rechlage Cafe" nicht sehen, besteht darin, dass Sie einen ungültigen Wert für die Schriftfarbe angeben.

p { 
    color: FFFFFF 
} 

Es funktioniert nicht. RGB-Farbe sollte ein "#" - Symbol vorangestellt werden.
es sein sollte:

p { 
    color: #FFFFFF 
} 
+0

Ahh, dass haha ​​ist peinlich. Danke für Ihre Hilfe :) –

Verwandte Themen