Unable to link external CSS into PHP
<p>I have been facing the problem of linking a CSS file to my PHP code.</p>

<p>I am using <strong>Netbean IDE 7.2</strong> and <strong>XAMPP 8.0</strong></p>

<p>I have tried to create a new HTML file and link it with a new CSS file.</p>

<p>It does not work.</p>

<p>If I type the script inside the HTML itself, it works great.</p>

<p>What am I doing wrong?</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
        &lt;title&gt;Website Development Version 1.0&lt;/title&gt;
        &lt;link href="CSS/layout.css" type="css/text" rel="stylesheet"/&gt;
        &lt;link href="CSS/expandLayout.css" type="css/text" rel="stylesheet"/&gt;
        &lt;script src="Javascript/jquery-1.4.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script&gt;
            function prepareList() {
                $('#expList').find('li:has(ul)')
                .click( function(event) {
                    if (this == event.target) {
                        $(this).toggleClass('expanded');
                        $(this).children('ul').toggle('medium');
                    }
                    return false;
                })
                .addClass('collapsed')
                .children('ul').hide();
            };

            $(document).ready( function() {
                prepareList()
            });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="container"&gt;
            &lt;div id="header"&gt;
                &lt;!-- Input Content --&gt;
                &lt;h1&gt;This is Header&lt;/h1&gt;
            &lt;/div&gt;
            &lt;div id="menuList"&gt;
                Menu 
            &lt;/div&gt;
            &lt;div id="innerContainer"&gt;
                &lt;div id="leftColumn"&gt;
                    &lt;!-- Input Content --&gt;
                    &lt;ul id="expList"&gt;
                        &lt;li&gt;Home&lt;/li&gt;
                        &lt;li&gt;Product
                            &lt;ul&gt;
                                &lt;li&gt;List 1&lt;/li&gt;
                                &lt;li&gt;List 2&lt;/li&gt;
                                &lt;li&gt;List 3&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/li&gt;
                        &lt;li&gt;Register&lt;/li&gt;
                        &lt;li&gt;About Us&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div id="centerColumn"&gt;
                    &lt;!-- Input Content --&gt;
                    This is Main Content
                &lt;/div&gt;
                &lt;div id="rightColumn"&gt;
                    &lt;!-- Input Content --&gt;
                    This is Right Content
                &lt;/div&gt;  
            &lt;/div&gt;
            &lt;div id="footer"&gt;
                &lt;!-- Input Content --&gt;
                &lt;h3&gt;This is Footer&lt;/h3&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>
