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 :

Différents classes avec différents attributs


Sujet :

CSS

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Août 2007
    Messages : 1
    Points : 1
    Points
    1
    Par défaut Différents classes avec différents attributs
    Bonjour !

    J'ai besoin d'aide !!! J'utilise Dreamweaver et j'ai créé une feuille de style qui contient plusieurs classes dont deux d'entre elles définissent des liens différents. Exemples .lienhaut et .liengauche.

    Jusque là tous va bien, j'associe la classe .lienhaut à mon tr dans ma page web.

    Ce que je veux c'est pouvoir avoir des attributs hover et visited pour .lienhaut et des hover et visited pour liengauche. Comment je tappe ca dans ma feuille de style et que dois-je modifié dans mon html de ma page pour que ca marche.

    Un énorme merci pour votre aide.

    Minnie

  2. #2
    Membre éprouvé Avatar de sharrascript
    Homme Profil pro
    Développeur Web indépendant
    Inscrit en
    Avril 2007
    Messages
    678
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web indépendant

    Informations forums :
    Inscription : Avril 2007
    Messages : 678
    Points : 1 042
    Points
    1 042
    Par défaut
    bonsoir,

    tu doit taper dans ta partie 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
    .lienhaut:hover{
    [...]
    }
     
    .lienhaut:visited{
    [...]
    }
     
    .liengauche:hover{
    [...]
    }
     
    .liengauche:visited{
    [...]
    }
    ensuite pour tes liens c'est ainsi:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" class="liengauche">lien</a>
    en espérant t'avoir éclairé...

    ++

  3. #3
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut

    Une petite précision, tu peux grouper tes styles afin de ne pas recopier 50 fois la même chose :
    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
    .lienhaut:hover{
    color:#f00;
    }
     
    .lienhaut:visited{
    color:#f00;
    }
     
    .liengauche:hover{
    color:#f00;
    }
     
    .liengauche:visited{
    color:#f00;
    }
    équivaut à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .lienhaut:hover,
    .lienhaut:visited,
    .liengauche:hover,
    .liengauche:visited {
    color:#f00;
    }

Discussions similaires

  1. Convertir mon Class avec des attributs many to one et one to many to json
    Par souha Ayachi dans le forum Développement Web en Java
    Réponses: 0
    Dernier message: 15/04/2015, 13h38
  2. Créer une classe avec des attributs variables?
    Par umeboshi dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/05/2010, 14h25
  3. projet avec classes langages différents
    Par Hyst76 dans le forum Général Dotnet
    Réponses: 1
    Dernier message: 25/03/2007, 15h41
  4. Réponses: 1
    Dernier message: 17/10/2006, 11h02

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