Hoi,

Weet iemand waarom de CSS niet werkt?

Jade:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9

doctype html
html
head
title hoi
link(href=iets.css, type=text/css, ref=stylesheet)
body
div
h1 Hello world!
p This is created using Jade!

HTML output:

Codeblok (voorbeeld.php):

1

hoi

CSS:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9

div {
width:100%;
margin-left:auto;
margin-right:auto;
}

h1 {
color:red;
}

Server:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9
10
11
12
13
14

var express = require(express);
var app = express();
var jade = require(jade);
var io = require(socket.io).listen(app);
app.set(views, __dirname + /views);
app.set(view engine, jade);
app.set("view options", { layout: true });
app.configure(function() {
app.use(express.static(__dirname + /public));
});
app.get(/, function(req, res){
res.render(home.jade);
});
app.listen(80);

Ik kan gewoon iets.css openen in de browser. Alleen via de console laad die iets.css niet?

- Dylan

Debug nog een beetje. Kijk of ze juist staan in de meta headers en kijk ook bij netwerk.

link(href=iets.css, type=text/css, ref=stylesheet)

->

link(href=iets.css, type=text/css, rel=stylesheet)

Je hebt ref ipv rel.

Rudie schreef:

link(href=iets.css, type=text/css, ref=stylesheet)

->

link(href=iets.css, type=text/css, rel=stylesheet)

Je hebt ref ipv rel.

Ty!