#Css not loading properly with PHP

12 messages · Page 1 of 1 (latest)

rustic river
#

I was making a website that should hold a game and i did some basic css. i just made some php forms to login/register. i also linked it with a mysql db through Xampp.

The problem is i was making "restricted pages" to those who have authentified only and in those the css dont seem to work completely

thorny valveBOT
#

Thanks for your question :clap:, if someone gives you an answer it would be great if you thanked them with a :white_check_mark: in response. This response will earn you both points for special roles on this server.

* ·
#

console.debug('Onboarding Complete!') @rustic river has completed their initial training and earned <@&1244333098284351518>!

rustic river
# 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Virtual Trader</title>
    <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
</head>

<body>
    <header>
        <nav>
            <h1>Profil</h1>
            <ul>
                <li><a href="succes.html">Home</a></li>
                <li><a href="description.html">Description</a></li>
                <li><a href="Profil.html">Profil</a></li>
                <li><a href="Top_joueurs.html">Top Joueurs</a></li>
                <li><a href="logout.html">Logout</a></li> 
            </ul>
        </nav>
    </header>

    <main>
        
        
        
    </main>

    <footer>
        <p>&copy; 2025 Virtual Trader. All rights reserved.</p>
    </footer>

</body>
</html>
#

the html code

# 
nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  }

  nav li {
    margin: 0;
  }

  nav{
    display: block;
    width: 100%;
  }

   .Header{
    background-color: #333;
    width: auto;
    margin-top:-8px;
    padding:0;
 }

  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  li a:hover {
    background-color: #111;
  }
  .Header h1{
    text-align: center;
    color: white; 
    padding: 15px 0;
    margin: 0
  }
  body {
    margin:0;```
#

the css

normal totem
#

It should be a xampp problem

rustic river
#

I had problems with xampp so I reinstalled it

#

But the css doesn’t show even when I open the file directly from the browser

normal totem
#

check for errors then

rustic river
#

There are none that shows