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

HTML Discussion :

[HTML] Lier mon fichier CSS dans ma page grâce à LINK


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de hellspawn_ludo
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 257
    Par défaut [HTML] Lier mon fichier CSS dans ma page grâce à LINK
    Bonjour,

    Pour mon site web, je souhaite que mon menu reste fixe. Pour cela, j'utilise du PHP (auquel je suis newbie) suite à quelques recommandations. Là dessus, aucun problème.

    Toutefois, j'aimerais lier mon fichier CSS à ma page mais impossible d'y arriver.
    Il n'est pas reconnu et en conséquence ma barre de navigation s'affiche au style "brute".

    Voici mon index.php
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
     
        <title>Mon site web</title>
     
    	<link  rel="Stylesheet" type="text/css" href="/CSS_menu.css">
     
    </head>
     
    <body>
    	<div id="entete">
    		<?php
                            include('BarreNavigation.htm');  
                    ?>
    	</div>
    </body>
    </html>
    Auriez-vous une explication ?

    En revanche, je tiens à préciser que lorsque je mets un include('CSS_menu.css'), cela fonctionne mais cela inclue le fichier complet dans la page et ce n'est pas ce que je souhaite.

    Merci à vous.

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Dans ton link il n'y aurais pas un slash en trop ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link  rel="Stylesheet" type="text/css" href="/CSS_menu.css">
    devenant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link  rel="Stylesheet" type="text/css" href="CSS_menu.css">

  3. #3
    Membre éclairé Avatar de hellspawn_ludo
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 257
    Par défaut
    Et bien, j'ai essayé avec et sans le slash mais rien à faire.

    Le truc qui se produit, c'est que mon menu est invisible. Mais les liens sont bien présent puisque mon curseur de souris se change en une petite main lors du survol sur ceux-ci.

    Du coup, j'ai collé mon CSS directement dans ma page index.php pour voir s'il n'y avait pas d'erreur. Mais non, tout s'affiche.

    Et même en cherchant sur le forum concernant la syntaxe de link, je l'ai bien orthographié. Je ne comprends donc pas le souci.

    Aurais-tu une autre idée à me suggérer ?

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    A tout hasard essaye voir de mettre stylesheet avec un S en minuscule (on ne sais jamais...)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link href="style.css" rel="stylesheet" type="text/css">
    Sinon met voir le code html et css entier (php interprété) pour voir...

  5. #5
    Membre éclairé Avatar de hellspawn_ludo
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 257
    Par défaut
    Comme demandé :

    Index.php
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
     
        <title>Mon site web</title>
     
    	<link href="style.css" rel="stylesheet" type="text/css">
     
    </head>
     
    <body>
     
        <div id="cadreMenu">
            <?php
                include('BarreNavigation.htm');  
            ?>
        </div>
     
    </body>
    </html>
    Style.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
     
    <style type="text/css">
     
            #cadreMenu      {   position            :   relative;
                                margin              :   auto; 
                                padding             :   0px;
                                width               :   800px;
                                height              :   110px;
                                background-color    :   black;
                                background-image    :   url(Images/Bandeau.jpg);
                                background-repeat   :   no-repeat; 
                            } 
        
           
            ul#menu         {   float               :   left;               
                                margin-left         :   0px;                /* Marge extérieur nulle */
                                padding             :   0px;                /* Marge intérieur à 1px sauf pour le bas */ 
                                width               :   72px;              /* Largeur de notre liste */
                                font-family         :   Century Gothic;
                                font-size           :   8pt;                /* Taille de notre police */
                                background-color    :   none;
                            }
     
            ul#menu li      {   list-style-type     :   none;               /* Aucunes puces associées */
                            }
     
            ul#menu li a    {   width               :   auto;               /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */                                         
                                width               :       100%;               /* largeur interprétée par IE6 et inférieur */
                                padding             :   0px;                /* Définition des marges intérieures du lien entre le texte et sa bordure */  
                                text-decoration     :   none;               /* Suppression du soulignement */
                                color               :   white;              /* Couleur de la police */
                                display             :   block;              /* Définition sous forme de block */
                                background-color    :   none;               /* Définition de la couleur de fond du lien */ 
                                text-indent         :   10px;
                            }               
     
     
            /* Survol de la souris */
            ul#menu li a:hover  {   text-indent     :   11px;}              /* Survol de la souris */
            ul#menu li a:focus  {   text-indent     :   11px;}              /* Prise de focus avec la touche TAB. Ne fonctionne pas avec IE7 */
            ul#menu li a:hover  {   font-size       :   9pt;}               /* Taille de notre police */
     
            
    </style>
    BarreNavigation.htm
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
         <ul id="menu">
            <li><a id="Accueil" href="index.php?page=Accueil">Accueil</a></li>
            <li><a id="Bio" href="index.php?page=Bio">Bio</a></li>
            <li><a id="Musique" href="index.php?page=Musique">Musique</a></li>
            <li><a id="Photos" href="index.php?page=Photos">Photos</a></li>
            <li><a id="Videos" href="index.php?page=Videos">Videos</a></li>
            <li><a id="Presse" href="index.php?page=Presse">Presse</a></li>
            <li><a id="Contact" href="index.php?page=Contact">Contact</a></li>
        </ul>
    Et enfin, le fichier interprété par php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
     
        <title>Mon site web</title>
     
    	<link href="style.css" rel="stylesheet" type="text/css">
     
    </head>
     
    <body>
     
        <div id="cadreMenu">
          <ul id="menu">
            <li><a id="Accueil" href="index.php?page=Accueil">Accueil</a></li>
            <li><a id="Bio" href="index.php?page=Bio">Bio</a></li>
            <li><a id="Musique" href="index.php?page=Musique">Musique</a></li>
            <li><a id="Photos" href="index.php?page=Photos">Photos</a></li>
            <li><a id="Videos" href="index.php?page=Videos">Videos</a></li>
            <li><a id="Presse" href="index.php?page=Presse">Presse</a></li>
            <li><a id="Contact" href="index.php?page=Contact">Contact</a></li>
          </ul>
     
        </div>
     
    </body>
    </html>
    Toujours la même chose, ma page est blanche et les liens sont invisibles mais cliquables.

    Encore merci pour ton aide.

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    L'exemple Style.css que tu donnes c'est bien ton fichier css extérieur ? Alors ne mets pas

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <style type="text/css"></style>
    Ceci n'est à mettre que dans une page html (ou php...) entre les balises <head></head>

    Laisse juste le code css sans les balises <style>...

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

Discussions similaires

  1. Inclusion de fichier CSS dans une page jsp
    Par delob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 15/01/2008, 01h33
  2. [HTML] Intégrer un fichier Excel dans une page HTML
    Par deejayVK dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 29/11/2007, 14h51
  3. [HTML] Ouvrir plusieurs fichiers pdf dans une page
    Par PrinceMaster77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 05/05/2006, 09h34
  4. [HTML] Inclure un fichier .aspx dans une page HTML
    Par Miles Raymond dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 04/05/2006, 12h07

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