IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Inclure une feuille de style au milieu de ma page HTML


Sujet :

CSS

  1. #1
    Membre expérimenté
    Avatar de narmataru
    Profil pro
    Inscrit en
    Décembre 2002
    Messages
    1 548
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 548
    Points : 1 680
    Points
    1 680
    Par défaut Inclure une feuille de style au milieu de ma page HTML
    Bonjour,

    Ma question peut paraître triviale mais je ne trouve pas la réponse.

    Je développe une application web qui doit s'insérer dans d'autre site web. Je génère donc du code HTML sans le header ni le body.

    Cependant, je dois fournir les CSS de rendu ma page. Pour le moment, toutes les solution de chargement de css que j'ai pu voir doivent se placer dans le header de la page. Or je n'y ai pas accès.

    Donc ma question est simple : peut-on demander le chargement de fichier css à l'intérieur du body de la page ? Si oui comment ?

    merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 052
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 052
    Points : 44 575
    Points
    44 575
    Par défaut
    Bonjour,
    tu intègres simplement ton CSS entre des balises <style></style>, le résultat ne sera pas valide W3C,
    par contre si tu mets un link cela passera la validation.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <body>
    <link rel="stylesheet" type="text/css" href="/chemin/nom_fichier.css">
    </body>

  3. #3
    Membre expérimenté
    Avatar de narmataru
    Profil pro
    Inscrit en
    Décembre 2002
    Messages
    1 548
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 548
    Points : 1 680
    Points
    1 680
    Par défaut
    Merci pour ta réponse.

    J'avais bien vue cette balise mais je pensais qu'elle devait elle aussi être placée dans le head :

    http://www.w3schools.com/tags/tag_link.asp (un exemple dans le head)

    http://www.webpotentiel.com/theme/21...ml/balise-link

    La balise Link se place toujours entre les balises <head> et </head> dans la page HTML.
    On peut donc la mettre n'importe ou ?

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 052
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 052
    Points : 44 575
    Points
    44 575
    Par défaut
    Citation Envoyé par narmataru
    On peut donc la mettre n'importe ou ?
    le plus simple est de faire des essais, même si l'endroit traditionnel reste la HEAD

    Ce bout de code est néanmoins valide HTML5 et est pris en compte par les navigateurs
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta charset="UTF-8">
    <title>Link in body</title>
    </head>
    <body>
    <link rel="stylesheet" type="text/css" href="style.css">
    <div id="page">
    </div>
    </body>
    </html>

  5. #5
    Membre expérimenté
    Avatar de narmataru
    Profil pro
    Inscrit en
    Décembre 2002
    Messages
    1 548
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 548
    Points : 1 680
    Points
    1 680
    Par défaut
    Effectivement, ça passe au validator, merci.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS 3] Transférer une feuille de style dans le <head> du doc HTML
    Par puta2000 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 22/08/2013, 18h26
  2. Inclure une feuille de style
    Par GLDavid dans le forum Langage
    Réponses: 14
    Dernier message: 03/05/2006, 14h24
  3. Réponses: 5
    Dernier message: 22/07/2005, 23h40
  4. Desactiver une Feuille de Style
    Par mego dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/05/2005, 14h16
  5. Rattacher une feuille de style a un XML existant
    Par aour dans le forum XML/XSL et SOAP
    Réponses: 5
    Dernier message: 08/10/2002, 22h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo