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 :

[CSS] 1er style défini ne s'applique pas


Sujet :

CSS

  1. #1
    Membre à l'essai
    Inscrit en
    Juillet 2005
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 19
    Points : 14
    Points
    14
    Par défaut [CSS] 1er style défini ne s'applique pas
    Bonjour,

    voici mon souci :
    le 1er style défini dans mon fichier css ne s'applique jamais ...

    ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <STYLE type="text/css">
    TH { color: green }
    TABLE { border-collapse: collapse }
    </STYLE>
    le style sur TH ici ne fonctionne pas ..

    ex2 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <STYLE type="text/css">
    TH { color: green }
    TH { color: green }
    TABLE { border-collapse: collapse }
    </STYLE>
    alors qu'ici les deux styles vont s'appliquer ...

    a comprends pas ... sic

    ps: j'utilise firefox 1.0.4

  2. #2
    Membre confirmé
    Avatar de giminik
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    303
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 303
    Points : 482
    Points
    482
    Par défaut
    si tu mettais des points virgules à la fin de chaque règles...
    il y a peut être un problème d'héritage.
    il faudrait voir le code complet de la page.

  3. #3
    Membre à l'essai
    Inscrit en
    Juillet 2005
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 19
    Points : 14
    Points
    14
    Par défaut
    CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <STYLE type="text/css">
    TABLE { border-collapse: collapse; }
    TH { color: green; }
    </STYLE>
    HTML:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <HTML>
    <BODY>
    <LINK rel="stylesheet" href="Test.css" type="text/css">
    <TABLE border = "1">
    <TR><TH></TH><TH COLSPAN=2>TEST</TH><TH COLSPAN=2>TEST</TH></TR>
    <TR><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD></TR>
     
    <TR><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD></TR>
    </BODY>
    </HTML>
    toujours pareil, le premier style défini ne s'applique pas :(

  4. #4
    Membre confirmé
    Avatar de giminik
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    303
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 303
    Points : 482
    Points
    482
    Par défaut
    ceci fonctionne :
    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
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <html>
    <head>
    <title></title>
    <style type="text/css">
    TABLE { border-collapse: collapse; }
    TH { color: green; }
    </style>
    </head>
    <BODY>
    <TABLE border = "1">
    <TR><TH></TH><TH COLSPAN=2>TEST</TH><TH COLSPAN=2>TEST</TH></TR>
    <TR><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD></TR>
     
    <TR><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD><TD>test</TD></TR>
    </BODY>
    </HTML>
    il me semble que tu utilises <style type="text/css"> à l'intérieur de la feuille de style externe ? il ne faut pas mettre cette ligne dans la feuille de style externe.
    C'est le <LINK rel="stylesheet" href="Test.css" type="text/css"> qui indique au navigateur que le fichier lié est une feuille de style, donc pas besoin de l'indiquer une nouvelle fois dans la feuille externe.

    ici pour l'exemple, je l'ai mis dans une feuille interne au document html.

    a++

  5. #5
    Membre à l'essai
    Inscrit en
    Juillet 2005
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 19
    Points : 14
    Points
    14
    Par défaut
    Thx

    en externe ma gaffe fut effectivement de laisser les balises <STYLE> que j'avais définies en interne
    viv le copier-coller ... et désolé pour le dérangement :)

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

Discussions similaires

  1. Style CSS ne s'appliquant pas
    Par Jenojen dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 08/08/2011, 18h04
  2. le style .css ne s'applique pas sur mozilla
    Par steware1 dans le forum ASP.NET
    Réponses: 17
    Dernier message: 16/09/2010, 11h10
  3. [CSS 2] Style qui ne s'applique pas sur un l'id d'un formulaire
    Par alexgille dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 02/07/2010, 10h00
  4. Style qui ne s'applique pas
    Par Neuromancien2 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 03/06/2008, 11h47
  5. [CSS]Classe qui ne s'applique pas
    Par narnou dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 17/03/2006, 14h11

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