CSS in php-Datei wird auf Webserver nicht erkannt. Aber auf XAMPP geht es?

Hi Leute!

Ich habe ein Problem bei meiner Website. Und zwar wird auf dem Localhost (XAMPP) die css (die in der PHP-Datei eingebunden ist) nicht angezeigt, sowie alle Bilder und Videos die auf der Seite zu finden sind.

Fehler oder so gibt es keine, und ich weiß nicht wie ich das fixxen kann.

Der Code von der Index zb:

<style media="screen">
body{
  margin: 0;
  padding: 0;
  background-image: url('images/Background.jpg');
  background-size: cover;
  font-family: 'Indie Flower', cursive;
}
.content{
  background: rgba(170, 176, 187, 0.6);
  width: 70%;
  height: 2897px;
  margin-left: 15%;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.ueberschrift{
  text-align: center;
  font-size: 50px;
}
.text_content{
  background: rgba(249, 247, 244, 0.73);
  margin: 10px;
  padding: 10px;
}
img{
  width: 100%;
  height: 400px;
}
</style>

<?php   include('config.php');

  if(isset($_GET['p'])){     $p = htmlspecialchars($_GET['p']);   }else{     $p = "index";   }  ?> <!DOCTYPE html> <html lang="de" dir="ltr"> <head>   <link rel="stylesheet" href="style/style.css">   <meta charset="utf-8">   <title><?php echo($title); ?></title> </head> <body>   <div class="content">     <?php include('pages/header.php') ?>     <div class="text_content">       <img src="images/Mars.jpg" alt="Mars">       <h1 class="ueberschrift">Leben auf anderen Planeten?</h1>       <?php include("pages/" . $p . ".php"); ?>     </div>     <?php include('pages/footer.php') ?>   </div> </body> </html>

Falls ihr mehr Code benötigt sagt bitte bescheid.

Das wäre die Website:

http://timon.bplaced.net

Danke im voraus für eure Hilfe!

LG

Computer, Fehler, CSS, PHP, Webdevelopment, Webserver, xampp, HTML 5
3 Antworten
HTML, CSS: Navigation funktioniert falsch?

Hallo, ich habe ein Problem. Und zwar habe ich folgende Webseite erstellt, jedoch ist meine Navigation nicht wie gewünscht dauerhaft am oberen Bildschirmrand, sondern ist einfach nur oben an meiner Webseite.

HTML:

<!DOCTYPE html>
<html>
  <head>
  <title>Webseite 2</title>
  <link href="style.css" rel="stylesheet" type="text/css">
  <meta charset="utf-8">
   
  </head>
   
  <body>
     
  <div class="navigation">
    <div class="wapper">
      <div id="logo"><p>S</p></div>
       
      <a target="_blank" href="#" >Kontakt</a>
      <a target="_blank" href="#" >Mehr</a>   
      <a target="_blank" href="#" >Shop</a>
      <a target="_blank" href="" >Home</a>
      
    </div>
  </div>
   
  <div id="banner">
  <img src="Bilder/banner.jpg">
  </div>
  <div>
    <p>  ....Text..... </p>   
  </div>
  </body>
</html>

CSS:

{
  margin: 0;
  padding: 0;
  font-family: fantasy;
}
.navigation {
   width: 100%;
  height: 100px;
  background-color: rgba(250,250,250,0.8);
  position: fixed;
  z-index: 10;
  flex-basis: 0px;
  flex-shrink: 1;
}
#logo{
  height: 80px;
  width: 80px;
  margin: 10px;
  float: left;
}
#logo p{
  line-height: 90px;
  color: black;
  font-size: 6em;
  font-family: Rocket Rinder;
}
.navigation a {
  color: black;
  font-family: Rocket Rinder;
  text-decoration: none;
  font-size: 2em;
  margin-right: 40px;
  line-height: 100px;
  float: right;
}
.navigation a:hover {
  color: blueviolet;
}
.wapper {
  width: 960px;
  max-width: 90%;
  margin: 0 auto;
}
#banner {
  z-index: 0;
  width: 100%;
  height: auto;  
  background-size: cover;
}
#banner img{
  width: 100%;
}   

Website, HTML, CSS, html5, HTML Code, CSS3, HTML 5
3 Antworten

Meistgelesene Fragen zum Thema HTML 5