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 :

héritage de font-family


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de tigunn
    Homme Profil pro
    Développeur de bug
    Inscrit en
    Janvier 2003
    Messages
    608
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur de bug

    Informations forums :
    Inscription : Janvier 2003
    Messages : 608
    Par défaut héritage de font-family
    Bonjour,
    J'ai un bout de code html:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <span class="cit hand-EL-encre hand-EL-encre">
    	<span class="quote">
    		<span class="hi rend-underline rend-underline">Les législateurs</span> ne sont jamais des savants, mais des
             inspirés - L’homme ignorant a priori peut être un  bon législateur, mais s’agit-il
            de Bacon, de Locke,  de Montesquieu <span class="reg">etc.</span>, dites non sans balancer, car le  talent qu’il a prouve qu’il n’a pas
            l’autre.</span>
            <br/>
            <a href="http://toutlemondeilestbeau.fr" class="ref-bibl">
              <span class="bibl-norm id-b5936-3 id-b5936-3" id="b5936-3">De Maistre. Consid<span class="ex">érations</span> sur la France.</span>
            </a>
    	</span>
    </span>
    généré grâce à une Xslt, dont je ne suis pas l'auteur.
    Son style (feuille css appelée par le processeur XSLT):
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .hand-EL-encre {
    	font-family: "Lucida Calligraphy", cursive;
    	font-size:11px;
    	line-height:2em;
    	color:black;
    }
    Les autres styles ne modifient pas le font-family, source du problème.
    Mais il y a un conflit avec la css de base du site (que je n'ai pas réalisée non plus), sur cette déclaration:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    a {
        /*	NE PAS DEFINIR ICI, CAR EN CONFLIT AVEC LES <a> DE LECTURE*/
        font-family : Verdana, Tahoma, "Bitstream Vera Sans", Arial, Helvetica, 
    sans-serif;
     
        font-size : 12px;
        color : #000000;
        padding : 0;
        margin : 0;
    }
    Mon problème, c'est que sur une page je voudrais que la font-family d'un lien <a href> hérite de la propriété font-family de sa <span> parente (soit récupérer la font de la classe hand-EL-encre).
    MAIS, comment faire?
    La css de base est utilisée de partout et elle est prioritaire.

  2. #2
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2002
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mai 2002
    Messages : 744
    Par défaut
    essaye ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .hand-EL-encre span a{
    	font-family: "Lucida Calligraphy", cursive;
    }

  3. #3
    Membre éclairé Avatar de tigunn
    Homme Profil pro
    Développeur de bug
    Inscrit en
    Janvier 2003
    Messages
    608
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur de bug

    Informations forums :
    Inscription : Janvier 2003
    Messages : 608
    Par défaut
    Si t'est pas un mec, je t'embrasse.
    Dans tous les cas: MERCI !!

    En fait, j'ai fait:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    span.hand-EL-encre a{
    	font-family: "Lucida Calligraphy", cursive;
    }
    Avec quelques surcharges du même acabit, je serais bon.

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

Discussions similaires

  1. 1 Font-family = 2 Résultats
    Par Fr33dom dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 12/04/2011, 17h55
  2. Affichage de font-family dans <option> ne marche pas
    Par Sports47 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 19/08/2010, 16h02
  3. Héritage et font-size
    Par jfox dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 01/04/2010, 09h29
  4. La propriété CSS font-family
    Par Olivier Regnier dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 14/03/2008, 00h44
  5. Problème de Font family
    Par DavidCrx dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 13/05/2007, 14h04

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