HTML not linking to CSS file

Question

TL;DR: My HTML isn't linking to a stylesheet.

Right off the bat, sorry for so much code.
I have checked other questions, but none had such a strange circumstance as I did.

I have a file, loggedIn.html:

<html>
        <head>
                <title>Logged in!</title>
                <link rel="stylesheet" href="cgi-bin/style.css">
        </head>

        <body>
                You are now logged in!
                <a href="cgi-bin/logout.php">Logout</a>
        </body>
</html>

Which uses the stylesheet style.css:

body { font-family: Georgia, Goudy, Sabon, serif; }

Along with loggedIn.html, index.html uses style.css:

<html>
<head>
        <title>Welcome!</title>
        <link rel="stylesheet" href="cgi-bin/style.css">
</head>

<body>
        <h2>Welcome to That Guy's Fileshare Server!</h2>
        <hr/>
        Please log in.
        <br/>

        <form action="cgi-bin/login.php" method="POST">
                <p>
                <table border="0">
                                <tr>
                                        <td> <label for="username">Username: </label> </td>
                                        <td> <input type="text" name="username"/> </td>
                                </tr>
                                <tr>
                                        <td> <label for="password">Password: </label> </td>
                                        <td> <input type="password" name="password"/> </td>
                                </tr>
                                <tr>
                                        <td> <input type="submit" value="Submit"> </td>
                                </tr>
                        </table>
                </p>
        </form>
        <br/>
        <a href="register.html">Register</a>
        <br/>
        <a href="note.html">Contact information</a>
</body>
</html>

Since both loggedIn.html and index.html use the same stylesheet, shouldn't they both be rendered in Georgia, Goudy, Sabon, or a serif font? Apparently not. The file structure is:

┌ index.html
├ loggedIn.html
└ cgi-bin/
   └─────────── style.css

The file structure shouldn't be a problem either, since both .html files are in the same directory and use href="cgi-bin/style.css". I've never had a problem like this before. Very strange!

Apart from a seemingly rhetorical question about which font should be used, you haven't actually explained what the problem is. I'd also suggest that cgi-bin isn't the place to keep your files. — user1864610
– user1864610, Commented Oct 28, 2013 at 0:56
@MartinTurjak Just cleared my cache and reloaded. Not a caching issue, it's most likely server-side. — SuperCheezGi
– SuperCheezGi, Commented Oct 28, 2013 at 1:03

score 4 · Accepted Answer · 2013-11-12 22:48:53Z

4

forgot your type. Also check the location of the css file. I believe leaving out the type will cause problems.

<link rel='stylesheet' type='text/css' href='cgi-bin/style.css'/>

edited Nov 12, 2013 at 22:48

answered Oct 28, 2013 at 1:08

user2853110

Sign up to request clarification or add additional context in comments.

Comments

user2658838 · Accepted Answer · 2013-11-13 06:10:28Z

0

Or you can do

<style type="text/css"> @import "cgi-bin/style.css"; </style>

answered Nov 13, 2013 at 6:10

user2658838

801 gold badge2 silver badges9 bronze badges

Collectives™ on Stack Overflow

HTML not linking to CSS file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related