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 :

affectation style sur balise <th>


Sujet :

CSS

  1. #1
    Membre habitué
    Avatar de Oncle_Pete
    Profil pro
    Inscrit en
    avril 2006
    Messages
    246
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : avril 2006
    Messages : 246
    Points : 173
    Points
    173
    Par défaut affectation style sur balise <th>
    Bonjour,


    Desole si ma question vous parait stupide, mais est-il possible avec une feuille de style de modifier le background-color d'une cellule d'une table (balise <th>) lorsque je survole le texte de ma cellule.
    Je precise que mon texte possède un lien (au cas ou cela serait important comme info)
    actuellement j'ai le code ci-dessous qui visiblement ne l'emeut pas vraiment.
    En fait, il marche sur la balise <a>, mais pas sur la balise <th>

    Code CSS : 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
    17
    18
     
    .Menu_autre{
    	font-size: 24px;
    	text-decoration: none;
    	font-style:normal;
    	color:#FF3300;
    	font-family: "franklin gothic medium";
                 background-color:#7F7F7F;
     
    }
    .Menu_autre:hover {
    	font-size: 24px;
    	text-decoration:none;
    	font-style:normal;
    	color:#FF3300;
    	font-family: "franklin gothic medium";
    	background-color: #000000;
    }

    Merci a vous

    Oncle Pete
    Experience is the best teacher !!

  2. #2
    Membre confirmé Avatar de desert
    Profil pro
    Inscrit en
    mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : mai 2007
    Messages : 414
    Points : 479
    Points
    479
    Par défaut
    Bonjour,
    Sur quel navigateur as-tu testé ?
    Sur IE6, la pseudo-classe :hover ne marchent que sur des balises a.
    Ce que tu peux faire, c'est d'ajouter à ta classe la propriété display:block et d'appliquer cette classe non pas aux cellules mais à tes liens afin qu'ils occupent tout l'espace disponible dans les cellules. Ainsi, dès que tu entreras dans la cellule, le lien sera automatiquement sélectionné.

  3. #3
    Membre confirmé Avatar de GihefBey
    Profil pro
    Inscrit en
    avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : avril 2006
    Messages : 366
    Points : 460
    Points
    460
    Par défaut
    Bonjour,

    Oui, c'est une meilleure idée, agis sur les liens.

    Par exemple
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
        <table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <th><a class="Menu_autre" href="#">lien</a></th>
            <th><a class="Menu_autre" href="#">lien</a></th>
            <th><a class="Menu_autre" href="#">lien</a></th>
          </tr>
        </table>
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
      .Menu_autre {
        display : block; /* pour qu'ils puissent prendre des dimensions */
        text-decoration: none;
        font: normal 24px "franklin gothic medium", serif;
                   /* choisis autre chose que des px */
        color: #f30;
        background-color: #7f7f7f;
        }
      .Menu_autre:hover {
        background-color: #000;
        }

    ++
    Tu pourrais éviter la class sur les <a> si tu assignais un id au tableau.
    Tu t'adresserais alors aux liens de ce tableau : #id_du_tableau th a { }

    -

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Bonjour,

    Sinon c'est possible en JavaScript directement sur les <th> en passant par les évènements onmouseover et onmouseout.
    Je ne réponds pas aux questions techniques par MP.

Discussions similaires

  1. [CSS 3] Appliquer un style sur une sous-balise
    Par L'aigle de Carthage dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 05/09/2013, 16h41
  2. [CSS]probleme de style sur cellules dans une table
    Par luimême dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 17/01/2006, 13h13
  3. [ExcelML] Style sur feuille excel
    Par htristra dans le forum XML/XSL et SOAP
    Réponses: 2
    Dernier message: 23/11/2005, 17h31
  4. [VB.Net] Calendar et style sur les jours
    Par Sardonnen dans le forum ASP.NET
    Réponses: 1
    Dernier message: 18/11/2005, 11h23
  5. Réponses: 5
    Dernier message: 23/07/2005, 00h40

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