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 :

Surligner une ligne d'un tableau par pointage


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé

    Inscrit en
    Janvier 2006
    Messages
    969
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 969
    Par défaut Surligner une ligne d'un tableau par pointage
    Bonjour

    Est-il possible de surligner une ligne d'un tableau lorsque l'utilisateur passe sa souris dessus, sachant que le format des cellules est déjà défini par une classe et que chaque cellule est susceptible de contenir un lien (lui-même surligné par pointage, d'une autre couleur) ?
    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <table style='border:black 0.5pt solid' >
    <tr>
    <td width=120px style='width:90pt' align=left class="ligneNormale" style='border-right:black 0.5pt solid' style="background:#fff"><a href="javascript:void(0)" onclick="javascript:fonction()</a>
    </td>
    </tr>
    </table>
    avec comme CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .ligneNormale {font-size:10 pt;}
    a:hover {
    	text-decoration: none;
    	color:#1E7FCB;
    	background-color:#E4EBF6;
    }
    J'ai essayé de définir
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    table tr:hover {
       background-color:#123456;
    }
    mais ça ne donne rien, j'ai l'impression que la classe du <td> surcharge celle du <tr>.

    Merci d'avance

  2. #2
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Le :hover ne marche vraiment que sur les <a> avec MSIE, avec FF c'est possible que ça marche, testé ?

    La solution la plus efficace reste de passer par JavaScript

  3. #3
    Membre éprouvé

    Inscrit en
    Janvier 2006
    Messages
    969
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 969
    Par défaut
    Citation Envoyé par Er3van Voir le message
    Le :hover ne marche vraiment que sur les <a> avec MSIE, avec FF c'est possible que ça marche, testé ?

    La solution la plus efficace reste de passer par JavaScript
    En effet, ça fonctionne avec FF. Pas de bol, mes utilisateurs n'ont que IE...
    Je vais voir du côté de JS, merci pour ta réponse.

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

Discussions similaires

  1. Ajouter une ligne a un tableau "par le haut"
    Par identifiant_bidon dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 12/06/2011, 10h43
  2. Surligner une ligne d'un tableau si checkbox cochée
    Par arthuro45 dans le forum jQuery
    Réponses: 3
    Dernier message: 21/05/2011, 11h51
  3. Surligne une ligne d'un tableau
    Par mcdelay dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 18/09/2007, 17h11
  4. surligner le contenu d'une ligne d'un tableau
    Par yAnSoLo82 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 23/01/2006, 20h32
  5. Surligner une ligne sélectionnée d'un tableau
    Par cosmos38240 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/01/2006, 20h33

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