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 a et a:hover


Sujet :

CSS

Vue hybride

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

    Informations forums :
    Inscription : Décembre 2004
    Messages : 63
    Par défaut Problème a et a:hover
    Bonsoir confère ,

    Bon pour résumer mon soucis j'ai un code html de la forme :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="Code">
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    </div>
    Et un fichier de style avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    #Code {
    ....
    }
     
    #Code a {
    ....
    }
     
    #Code a:hover {
    ....
    }
    Dans le div id="Code" se trouve en gros un menu avec plusieurs liens.
    J'aimerai qu'une fois le lien cliqué, le style du lien soit en permanence celui de a:hover et non a.

    Par exemple avoir :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="Code">
    <a href=""></a>
    <a href=""></a>
    <a href=""></a> /* Ici le a:hover */
    <a href=""></a>
    </div>
    Donc en php je fais par ex un if ($cate1==$cate2) echo ""; else echo "";
    Mais comment faire pour que le a soit avec le a:hover ?

    Il y a un moyen "simple" ? ou je dois passer par un autre style que je rajoute quelque part :/

    Merci :-)

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    salut,

    essaye cela:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #Code a:hover, #Code a:focus, #Code a:active {
      ...
    }
    Un conseil, évite les majuscules pour les nom d'id et de classe. Ce n'est pas faux mais css étant case-sensitive, c'est une source d'erreur supplémentaire.

    EDIT:
    j'avais p'tet pas compris ton problème.
    s'il y a rechargement d'un nouveau document, il te faudra définir un autre élément
    Par exemple, une classe current que tu place sur le bon lien...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Si ta condition en PHP est vérifiée, tu peux rajouter un style au lien en question :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="code">
       <a href=""></a>
       <a href=""></a>
       <a href="" class="current"></a> <!-- page courante -->
       <a href=""></a>
    </div>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #code a:hover, .current {
    ....
    }

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    63
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 63
    Par défaut
    Merci des réponses

    Ok donc je dois rajouter une classe forcément

    Merci :-)
    je ferai attention pour les majuscules ^_^, à cause du c ca :p

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

Discussions similaires

  1. [CSS] probléme avec a:hover sur IE (mais bon sous FF)
    Par lafouin dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 12/02/2009, 16h55
  2. Problème .a et .a:hover
    Par dahu17 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/03/2008, 23h17
  3. Problème d'affichage : image hover
    Par FunkyBearz dans le forum Mise en page CSS
    Réponses: 22
    Dernier message: 27/02/2007, 17h11
  4. problème CSS psudo classe hover
    Par Regnak dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 02/08/2006, 12h26
  5. Problème Hover sous IE
    Par Lucier dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 08/12/2005, 00h31

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