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 :

[HTML/CSS] a:hover sur certaines cellules


Sujet :

Tableau en CSS

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mai 2006
    Messages : 386
    Points : 275
    Points
    275
    Par défaut [HTML/CSS] a:hover sur certaines cellules
    Bonjour a tous! Me voila avec un nouveau probleme :
    http://informatik.rf.lv/test.htm
    J'ai donc un tableau avec un fond de cellule qui change de couleur quand on passe le curseur dessus. Ceci grace à :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    a {
    text-decoration: none;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px; }
     
    a:hover {
    background:#DB8; }
    Mon probleme est que je voudrai que ce changement de fond ne s'efectue pas sur la derniere lignes (les colones où il y a un 2). j'ai donc essayé de remplacer le a dans les styles par un e afin de créer une balise <e> qui gèrerai l'effet mais cela ne fonctionne que sous firefox, sous ie le fond ne change plus en passant la souris. Coment faire pour que cet effet de mouseover ne s'effectue que sur certaines cellules? je suis a cours d'idée

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mai 2006
    Messages : 386
    Points : 275
    Points
    275
    Par défaut
    c'est bon elle a trouvé toute seule
    Pour ceux que ça interesse :
    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
    16
    a {
    text-decoration: none;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px; }
     
    a.menu1 {
    text-decoration: none;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px; }
     
    a.menu1:hover {
    background:#DB8; }
    et je met
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class="menu1" href=""> 1 </a>
    quand je veux que le fond change et sinon quand il ne doit pas changer.

  3. #3
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    pense à mettre en résolu

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

Discussions similaires

  1. [XL-2003] Protection onglet et autorisation sur certaines cellules
    Par Valcou dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 18/08/2009, 17h33
  2. [HTML, CSS, JS] Clic sur une cellule d'un tableau pour changer sa class CSS
    Par Nyphel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 21/08/2007, 13h18
  3. Readonly sur certaines cellules d'un datagrid
    Par MetalGearBe dans le forum Windows Forms
    Réponses: 1
    Dernier message: 26/03/2007, 18h00
  4. [HTML][CSS] Hauteur à 100% d'une cellule
    Par daner06 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/07/2006, 10h02
  5. [HTML & CSS] Une marge sur un titre déplace le div
    Par Yoshidu62 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 28/04/2006, 11h50

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