CODEWITHSUNDEEP
phpcsswebphp-include
Valdrinium
Valdrinium

Reputation: 1416

CSS file not included when using php include

I have a css file called main.css in my styles folder on the root of my project:

#header
{
    background-color: aqua;
    height: 120px;
}

In another php file header.php I have something like this:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="/styles/main.css"/>
</head>
<body>
<header id="header"></header>

I also have a footer.php:

</body>
</html>

When combining the in my index.php like this:

<?php
    require('includes/header.php');
?>
<?php
    require('includes/footer.php');
?>

the result is that my css rules don't get applied. How can I fix this?

Upvotes: 0

Views: 2991

Answers (3)

Kwan
Kwan

Reputation: 73

it seems like your css file path cause this problem.

if your directory structure like this below:

  • includes
  • |__header.php
  • |__footer.php
  • styles
  • |__main.css

replace the css path in the header.php like:

href="../styles/main.css"

Upvotes: 1

Ayyanar G
Ayyanar G

Reputation: 1545

Link your css file using base

try

href="../styles/main.css"

Upvotes: 1

Vivek Singh
Vivek Singh

Reputation: 2447

problem may be in your css path if php file and style folder both are in root use like this href="styles/main.css"

Upvotes: 1

Related Questions