CSS Works Locally then Breaks On Upload to Server

**DavidPhillips** · May 19 '15, 07:56 PM

Code:

<head>
     <script src="jquery-2.1.4.js"></script>
     <script src="jquery.multiple.select.js"></script>
     <link href=”multiple-select.css” rel="stylesheet"/>
</head>
<body>
    <select multiple="multiple">
        <option value="1">January</option>
        ...
        <option value="12">December</option>
    </select>

    <script>
        $("select").multipleSelect({
            placeholder: "Here is the placeholder"
        });
    </script>
</body>

For troubleshooting I tried misspelling my css file locally and got the exact same result on the server. I have all of the files in the same folder.

**DavidPhillips** · May 19 '15, 07:57 PM

Code is from http://wenzhixin.net.cn/p/multiple-select/docs/

**DavidPhillips** · May 19 '15, 08:08 PM

Posting simpler code

Code:

<html>
<head>
<title>Hello World</title>
<link rel=stylesheet type="text/css" href="Helloworld.css">
</head>
<body>
<h1>testing CSS</h1>
</body>
</html>

Code:

body {background-color:lightgray}
h1   {color:blue}
p    {color:green}

**computerfox** · May 21 '15, 02:38 AM

You are linking the stylesheet. Are you also uploading the .css file?

Also, it's proper css practice to put semi-colons after each css value:

Code:

body {
 background-color:lighgray;
 }
h1{
 color:blue;
}
p{
 color:green;
}

Try:

Code:

<link href="Helloworld.css" rel="stylesheet" type="text/css"/>

Also, can you try putting the styles before the JQuery import.

Hope that helps.

CSS Works Locally then Breaks On Upload to Server

CSS Works Locally then Breaks On Upload to Server

Comment

Comment

Comment

Comment