I'm using the w3.css framework to build a site. Most of the problems I've had have only been with my own code, but I've run in to a problem with a part of the w3.css, I think, that I can't get around.
I'm using a template that was already built by w3. I'm taking a link they have built and just adding a path to it.
My folder structure looks like this:
C:\Users\USER\Desktop\HTML :: this is where the index.html file resides C:\Users\USER\Desktop\HTML\source :: this is where the login.php file resides.
The HTML reads as follows:
<!-- Navbar -->
<ul class="w3-navbar w3-blue w3-card-2 w3-top w3-left-align w3-large w3-bottombar w3-border-yellow">
<li class="w3-hide-medium w3-hide-large w3-opennav w3-right">
<a class="w3-padding-large w3-hover-white w3-large w3-blue" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
</li>
<li><a href="#" class="w3-padding-large w3-white">Home</a></li>
<li class="w3-hide-small"><a href="source/login.php" class="w3-padding-large w3-hover-white">Login</a></li>
<li class="w3-hide-small"><a href="#" class="w3-padding-large w3-hover-white">Register</a></li>
<li class="w3-hide-small"><a href="#" class="w3-padding-large w3-hover-white">About Us</a></li>
<li class="w3-hide-small"><a href="#" class="w3-padding-large w3-hover-white">The Crate</a></li>
</ul>
And the w3.css library can be found here:
http://www.w3schools.com/lib/w3.css
When I click on the Login button on the site, it downloads the login.php file rather than redirecting the page to it. I've played with the target parameter but have had no luck with it. This is true in both Firefox and Chrome. I've tried variations of ./ and ../ trying to see if maybe it doesn't know what I'm asking for, but those links take me to blank pages. That tells me that the /source is being found when it tries to download, but something is wrong with the CSS somewhere or something that is not redirecting to a new page. I've scanned the framework for a few hours, as well as my changes and the HTML for the template, and haven't come up with anything that could cause this.
Does anyone have any idea why this won't just change to the login.php page?
UPDATE: To be clear, I am launching the index.html file from both the Live Preview in Brackets and also opening the index.html file directly in Chrome/Firefox/IE and each browser or method of opening the index.html file tries to download the login.php file to my PC. When I load my currently active domain and click the Login button I have set up (on the same computer on the same browsers) it opens the login.php page and displays the login form etc.
My active domain is all hand built, it is not using w3.css. The only difference between the two is the w3 framework and template.
Thanks.