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 :

Plusieurs styles pour les liens


Sujet :

HTML

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    175
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 175
    Points : 70
    Points
    70
    Par défaut Plusieurs styles pour les liens
    Bonjour,

    Pourquoi es ce que ceci ne fonctionne pas ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <html>
    <head>
    <style type="text/css">
    .classe1 a:link {text-decoration: underline overline}
    </style>
    </head>
    <body>
    <a href="http://www.google.com" class="classe1">google</a>
    </body>
    </html>

  2. #2
    Membre confirmé
    Avatar de ilood
    Inscrit en
    Mars 2005
    Messages
    468
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 468
    Points : 529
    Points
    529
    Par défaut
    Salut,

    Cela ne fonctionne pas car ton selecteur est "écrit à l'envers"
    D'après ta déclaration cela signifie que le style doit etre appliqué à un lien dont la balise parente est de classe "classe1" c'est à dire au html suivant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <body class="classe1"> 
    <a href="http://www.google.com">google</a> 
    </body>
    sinon c'est
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     a:link.classe1 {text-decoration: underline overline}
    Qui aime bien, charrie bien

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    175
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 175
    Points : 70
    Points
    70
    Par défaut
    ok merci bien

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    175
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 175
    Points : 70
    Points
    70
    Par défaut
    Pourquoi es ce que lorsque je passe la souris sous le lien cela souligne le lien sous IE seulement ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <html>
    <head>
    <style type="text/css">
    a:link.classe1 {text-decoration: none}
    a:hover.classe1 {text-decoration: underline}
    </style>
    </head>
    <body>
    <a href="http://www.google.com" class="classe1">google</a>
    </body>
    </html>

  5. #5
    Membre confirmé
    Avatar de ilood
    Inscrit en
    Mars 2005
    Messages
    468
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 468
    Points : 529
    Points
    529
    Par défaut
    Citation Envoyé par oranoutan
    Pourquoi es ce que lorsque je passe la souris sous le lien cela souligne le lien sous IE seulement ?
    Tu as testé avec quel autre navigateur ?
    Car chez moi, sous firefox 1.5, ça fonctionne.
    Qui aime bien, charrie bien

Discussions similaires

  1. Réponses: 7
    Dernier message: 12/07/2010, 16h16
  2. Un seul type de curseur pour les liens
    Par noarno dans le forum Flash
    Réponses: 8
    Dernier message: 08/06/2006, 15h04
  3. Réponses: 3
    Dernier message: 20/05/2006, 20h46
  4. Des classes pour les liens en CSS
    Par Invité dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 08/03/2005, 14h31

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