insertion d'une feuille de style.

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Répondre
le blaireau

insertion d'une feuille de style.

Message par le blaireau »

je souhaiterais savoir comment et si c'est possible de mettre une feuille de style et que toutes les pages du site s'en servent et comment faire pour la charger sur le serveur ? Jusqu'à présent je fais un copier coller dans chaque nouvelle page, mais je suis sur que c'est pas la bonne solution. J'essaie actuellement avec NVU
SIBELIUS
Lézard vert
Messages : 146
Inscription : 09 sept. 2003, 23:21

Message par SIBELIUS »

Tu dois l'insérer avec la balise <link> ou la propriété @import :
http://www.alsacreations.com/blog/index ... -ou-import
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Invité

Message par Invité »

ok, mais la feuille tu la charges sur le serveur sous le nom par exemple de "feuille_de_style.css"" et la page du site va la chercher toute seule ?
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Pas tout seul mais si tu l'as inséreé comme l'a dit Sibelius oui, le navigateur va la cherche. Essaye :wink:
Invité

Message par Invité »

ça pointe sur mon disque dur, donc ça fonctionne dans NVU mais pas sur internet. :-(
file:///home/moi/ma%20page%20perso/style/base1.css
il me donne ça comme lien.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Il faut mettre un chemin relatif, par exemple href="style/base1.css" sans quoi forcément ça ne peut pas marcher sur Internet :wink:
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Edition : désolé, c'est une petite erreur d'aiguillage :lol: :oops:
Dernière modification par calimo le 23 oct. 2004, 14:22, modifié 1 fois.
Invité

Message par Invité »

[essais]<link title="base1.css" media="all" rel="stylesheet" href="file:///home/nom/ma%20page%20perso/style/base1.css" type="text/css">
[/essais]

voilà tout
Invité

Message par Invité »

calimo a écrit :Je tiens le problème. Devinez quoi ? Serveur mal réglé ! :lol:

Code : Tout sélectionner

Content-Type: video/x-msvideo
C'est quoi ça ? Un avi c'est "video/avi". Point. Rien d'autre. Pas de la faute de Firefox si IE, violant les spécifications, ne tient pas compte du type MIME non ?
je comprend pas ? :-(
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

Anonymous a écrit :
calimo a écrit :Je tiens le problème. Devinez quoi ? Serveur mal réglé ! :lol:

Code : Tout sélectionner

Content-Type: video/x-msvideo
C'est quoi ça ? Un avi c'est "video/avi". Point. Rien d'autre. Pas de la faute de Firefox si IE, violant les spécifications, ne tient pas compte du type MIME non ?
je comprend pas ? :-(
il c'est simplement tromper de lieu pour poster, il répond à un autre sujet
Inscrit sur la liste des abonner absent...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

C'est une erreur en effet, désolé :oops: :lol:

Si tu as

Code : Tout sélectionner

<link title="base1.css" media="all" rel="stylesheet" href="file:///home/nom/ma%20page%20perso/style/base1.css" type="text/css">
(mets le tout dans les balises

Code : Tout sélectionner

 :wink: )
Donc là il va chercher le fichier sur ton disque dur. On est d'accord ?
Forcément pour Internet il ne faut pas aller chercher sur le disque dur, ça me semble plutôt logique, parce que personne d'autre que toi n'aura le fichier.
Donc il faut utiliser un chemin relatif. L'attribut href devient href="style/base1.css" par exemple.
Invité

Message par Invité »

merci pour vos réponses
Calimero, je pensais que l'on téléchargeait la feuille CSS comme une page standard et qu'ensuite on chargeait une page HTML sans le CSS et que cette page allait chercher le CSS sur le serveur directement.
Juste un teste

Code : Tout sélectionner

<link title="base1.css" media="all" rel="stylesheet" href="file:///home/nom/ma%20page%20perso/style/base1.css" type="text/css">
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Non. Lorsque tu charges la page web, tu la télécharge, et là le navigateur la lit.
S'il y a des feuilles de styles liées, il va les rapatrier, comme les images, scripts... et ensuite afficher la page avec tout ça.

En aucun cas la page CSS ne se trouve disponible sur le disque dur du visiteur ! Elle est dans le cache mais tu ne peux pas y accéder. Donc JAMAIS de file:/// sur le web STP :wink:
Tu DOIS mettre href="style/base1.css" si ta page se trouve dans le répertoire file:///home/nom/ma%20page%20perso/
Pourquoi compliques-tu les choses ?
Invité

Message par Invité »

merci j'ai compris, pourquoi compliquer les choses je sais pas, peut être que c'est de l'informatique et trop habitué à windows :oops:
Merci aussi pour l'astuce de "code"
ptinutz
Arias
Messages : 11
Inscription : 17 oct. 2003, 15:38

Message par ptinutz »

En parlant de feuillet css et de nvu, y a t'il un moyen de l'éditer sous nvu, fait-il une sorte de surlignage ou de colorisation du texte en fonction que cela soit un .css et non un .html?
FF 1.0 en fr
Mac OS X
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités