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 :

problème de priorité de style


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 122
    Par défaut problème de priorité de style
    voila je travail sur un module d'intégration de css en php.
    J'ai pour moi 2 code qui me semble similaire mais l'affichage est différent j'espère que vous pourrez éclairer ma lanterne.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <style type="text/css">
    <!--
    .Style28 {color: #DDA345 }
    .Style37 {color: #FF0105}
    -->
    </style>
     
    et dans mon body j'ai
     
    <div align="center" class="Style28">
    <a href="http://www.biofficine.com/boutique/fiche_produit.cfm?ref=Phyts-emonctyl&code_lg=lg_fr&type=1&num=1"
     class="Style37">PHYT'S EMONCTYL DRAINAGE TOTAL BIO</a>
    </div>
    et l'autre version

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
     
    <div align="center" style="color: #DDA345" ><a href="http://www.biofficine.com/boutique/fiche_produit.cfm?ref=Phyts-emonctyl&code_lg=lg_fr&type=1&num=1"
     style="color: #FF0105" >
    PHYT'S EMONCTYL DRAINAGE TOTAL BIO</a></div>
    le problème est que la première version le texte est jaune et sur la deuxième il est rouge...

    merci d'avance et bonne journé

  2. #2
    Membre éprouvé Avatar de Mr Pink Eyes
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    116
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 116
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <style type="text/css">
    <!--
    .Style28 {color: #DDA345 }
    .Style37 {color: #FF0105}
    -->
    </style>
    Bon là je regarde en speed donc c'est peut-être une réponse bête mais si tu retires tes balises de commentaires ? ( <!-- et -->). J'avoue ne pas savoir si elles sont interprétées dans une balise style mais c'est le premier truc qui m'est venu...

  3. #3
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    u__u

    Bonjour,

    A vrai dire, en lisant une première même une seconde fois ton post, j'avais lu que tu avais utilisé des codes différents pour tes couleurs de balises a...

    L'erreur est humaine mais ton code ne pousse pas à une bonne lisibilité.
    Pourquoi donner une couleur à ton div et une autre à ton a ?

    Il est vrai que le code devrait donner le même résultat.. Enfin je pense Mais tu vas te butter à un autre problème... La compatibilité IE FF avec ton align=center.


    @pink eyes

    Il faut mettre le style entre commentaire du moins quand il est dans une =balise style comprise dans le head ^^
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  4. #4
    Membre éprouvé Avatar de Mr Pink Eyes
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    116
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 116
    Par défaut
    Citation Envoyé par MimiCracra44 Voir le message
    @pink eyes

    Il faut mettre le style entre commentaire du moins quand il est dans une =balise style comprise dans le head ^^

    Autant pour moi alors! J'utilise que des feuilles externes c'est pour ca

  5. #5
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Et tu as entièrement raison.
    C'est plus propre.
    Personnellement, je n'utilise cette ajout dans le HEAD que si j'ai deux trois styles à ajouter en commentaire conditionnels pour IE
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 122
    Par défaut
    En réalité se n'est pas du code que j'ai fait moi-même mais du code fournis par les graphiste sous dreamwear...
    c'est pour cela que j'ai rencontré ce code étrange et que je venait chercher des explication ^^

  7. #7
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Tu as rencontré ces deux codes différents?

    J'attends la réponse de candygirl si jamais elle voit ce topic...
    Elle saurait certainement nous renseigner
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  8. #8
    Membre éprouvé Avatar de Mr Pink Eyes
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    116
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 116
    Par défaut
    Personnellement chez moi ca affiche rouge les deux... (FF et IE)

    Ce serait pas juste parce que tu as visité le lien tout de même

    EDIT : même en visitant le lien ca reste rouge...

  9. #9
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par défaut
    Citation Envoyé par nocoment Voir le message
    voila je travail sur un module d'intégration de css en php.
    J'ai pour moi 2 code qui me semble similaire mais l'affichage est différent j'espère que vous pourrez éclairer ma lanterne.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <style type="text/css">
    <!--
    .Style28 {color: #DDA345 }
    .Style37 {color: #FF0105}
    -->
    </style>
     
    et dans mon body j'ai
     
    <div align="center" class="Style28">
    <a href="http://www.biofficine.com/boutique/fiche_produit.cfm?ref=Phyts-emonctyl&code_lg=lg_fr&type=1&num=1"
     class="Style37">PHYT'S EMONCTYL DRAINAGE TOTAL BIO</a>
    </div>
    et l'autre version

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
     
    <div align="center" style="color: #DDA345" ><a href="http://www.biofficine.com/boutique/fiche_produit.cfm?ref=Phyts-emonctyl&code_lg=lg_fr&type=1&num=1"
     style="color: #FF0105" >
    PHYT'S EMONCTYL DRAINAGE TOTAL BIO</a></div>
    le problème est que la première version le texte est jaune et sur la deuxième il est rouge...

    merci d'avance et bonne journé
    Salut,

    Est ce que les graphistes ou toi je ne sais pas qui doit rajouter du texte dans les div ?

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div align="center" class="Style28">
    <a href="http://www.biofficine.com/boutique/fiche_produit.cfm?ref=Phyts-emonctyl&code_lg=lg_fr&type=1&num=1"
     class="Style37">PHYT'S EMONCTYL DRAINAGE TOTAL BIO</a>
    </div>

    Tu choisies quoi style28 ou style37 faudrais savoir, tu peux très bien changer la couleur du lien par l'intermédiaire de Style28 en faisant :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    .style28 a {color : #FF0015;}

    De plus, tu peux même ajouter l'alignement de ton div dans le style plutôt que d'ajouter align="center".

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

Discussions similaires

  1. problème de changement de style du curseur
    Par ruud002 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 11/10/2006, 14h14
  2. Problème de priorité d'ouverture
    Par delphi5user dans le forum Windows
    Réponses: 8
    Dernier message: 13/09/2006, 12h07
  3. Problème de compatibilité pour [style="width:100%;] sur
    Par Furius dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/01/2006, 17h19
  4. [Postgres 8]Problème de priorité des requètes
    Par julienOriano dans le forum PostgreSQL
    Réponses: 1
    Dernier message: 28/12/2005, 12h36
  5. [CSS2] Souci d'héritage et de priorité des styles.
    Par ARRG dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 12/07/2005, 09h03

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