CODEWITHSUNDEEP
phpstylesheetadobe-brackets
Neo
Neo

Reputation: 407

Using Brackets and XAMPP for PHP file, can't get Stylesheet to work?

Here's the code I have:

PHP Index

<!DOCTYPE html>
<html>
<head>

    <link rel="stylesheet" href="css/style.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/init.js"></script> 

    <title>Our website</title>
</head>


<body>
    <ul id="nav">
        <li><a href="index">Home</a></li>
        <li><a href="about">About Us</a></li>
        <li><a href="contact">Contact</a></li>
    </ul>

    <div id="content">
        <h1>Content</h1>
    </div>

</body>

</html>

CSS

body{
    background-color: aqua;
}

ul#nav {
    list-style:none;
    padding:0;
    margin: 0 0 10px 0;
}

ul#nav li {
    display:inline;
    margin-right:10px;
}

When I do Live Preview on Brackets, the stylesheet is not applied. However, when I begin to edit the stylesheet while Live Preview is on, the stylesheet will suddenly activate. But when I relaunch Live Preview, index.php will go back to looking like it has no stylesheet attached.

I have it set to launch as: http://localhost/WebsiteFolder/index.php/

The path for the index PHP is C:\xampp\htdocs\Website Folder\index.php

And the path for the css sheet is C:\xampp\htdocs\Website Folder\css\style.css

Does anyone have any ideas as to what's going wrong here? Thank you.

Upvotes: 2

Views: 5116

Answers (1)

Neo
Neo

Reputation: 407

I got it to work! :) I just needed to change the Live Preview Base URL in Adobe-Brackets Project Settings. I changed it from localhost/WebsiteFolder/index.php to simply localhost/WebsiteFolder =) Yay

Upvotes: 1

Related Questions