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
    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 �m�rite 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 : 44
    Localisation : France, Rh�ne (Rh�ne Alpes)

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

    Informations forums :
    Inscription : Avril 2007
    Messages : 678
    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 : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    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