CSS non pris en compte

**demenvil** · 15/10/2015, 13h55

Salut à tous !

Je test de développement d'un application avec nodejs. La base est généré automatiquement avec express-generator (pour plus de simplicité).

Mon code fonctionne parfaitement le seul truc c'est que l'orsque que je fait appel à une page, le css n'est pas chargé ou pas entièrement (bizarre..)

Je me sert du framework boostsrap 3.x, le link dans la source et valide et quand je clique dessus le code CSS s'affiche bien dans la page.

Je laisse le serveur ouvert pour que vous puissiez voir par vous même : http://vps204433.ovh.net:3000/users/signup

Regardez la source Ligne 6 :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="/stylesheets/style.css" rel='stylesheet' type='text/css'>

Et le lien ou nous pouvons voir que le code est correctement chargé en plus des infos de la console.

http://vps204433.ovh.net:3000/users/signup

Une idée du problème ?

Merci

**Diablo_22** · 15/10/2015, 14h52

Bonjour,

as tu essayé de mettre l'appel à ton css dans le head de ta page index.html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
    <link rel="stylesheet" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" />
    <title></title>
</head>

**demenvil** · 15/10/2015, 15h09

Nope ça ne change rien ,j'ai mis à jours en faisan également l'appel d'une ressource externe..
C'est bizarre quand même..

**Diablo_22** · 15/10/2015, 15h12

La console te sort elle une erreur de load de css...?

**Diablo_22** · 15/10/2015, 15h17

Sur ta page j'ai remplacé ton appel bootstrapp

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">

par celui-ci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

et sa fonctionne car tu appel un javascript bootstrap.min.js au lieu d'appeler un css bootstrap.min.css

**demenvil** · 15/10/2015, 15h17

Et non aucune erreur..

**Diablo_22** · 15/10/2015, 15h18

Envoyé par demenvil

Et non aucune erreur..

lit mon post du dessus

CSS non pris en compte

NodeJS

Vue hybride

Discussions similaires

Partager

Partager