[RÉGLÉ] a:hover pas entièrement pris en compte

[bizerte77]

Bonjour,

J'ai un tableau et dans ce tableau il y a des liens. Je veux que les liens soient blanc et le hover blanc avec underline.

Le underline est bien pris en compte mais pas la couleur. Je n'arrive pas à comprendre où est l'erreur.

Voici mon code :

.tablotarif td a:link{font-weight:bold;color:#FFFFFF;text-decoration:none;font-size:16px;}
.tablotarif td a:visited{font-weight:bold;color:#FFFFFF;text-decoration:none;font-size:16px;}
.tablotarif td a:hover{font-weight:bold;color:#FFFFFF;text-decoration:underline;font-size:16px;}

tablotarif est la class de mon <table>....</table>
td car mes liens sont dans les td

Mon hover devient bleu (comme le reste de mes liens du site), quand je fais text-decoration:none (le underline ne s'affiche pas). Le code est compris à moitié.

Merci par avance pour votre aide,

Bonne journée

[toffffe]

Re : a:hover pas entièrement pris en compte

As-tu un lien vers ton site ? ca serait vraiment bien
Sinon peux-tu mettre le code html complet de ton tableau

[bizerte77]

Re : a:hover pas entièrement pris en compte

Re,

Le site n'est pas en ligne.

Voici mon code html :

<table class="tablotarif" >

    <tr class="top">
    <td class="border">CATEGORIE </td>
    <td class="border">ENTREE INDIVIDUELLE</td>
    <td style="background-color:#CD0109">ACHAT EN LIGNE</td>
    </tr>
    <tr>
    <td class="border"><span class="gras">Adultes</span></strong></td>
    <td class="border">19€90</td>
    <td><a href="#" title="J'achète mon billet">J'ACHETE</a></td>
    </tr>

<tr>
    <td class="border"><span class="gras">Jeunes (13 à 17 ans inclus)</span></td>
    <td class="border">15€50</td>
    <td ><a href="#" title="J'achète mon billet">J'ACHETE</a></td>
    </tr>

<tr>
    <td class="border"><span class="gras">Enfants (3 à 12 ans inclus)</span></td>
    <td class="border">12€90</td>
    <td><a href="#" title="J'achète mon billet">J'ACHETE</a></td>
    </tr>

<tr>
    <td class="border"><span class="gras">Enfants (<3 ans)</span></td>
    <td class="border">GRATUIT</td>  
    <td >-</td>
    </tr>

</table>

Merci!

Bonne journée

[toffffe]

Re : a:hover pas entièrement pris en compte

En fait ton code à l'air bon
Seul problème que je vois serait que ce même lien soit défini dans ta feuille de style un peu plus bas ou sur une autre feuille qui est lue après
Tu peux aussi essayer en supprimant le td dans ta déclaration css
ou alors aussi en rajoutant le TR
Attention aussi certain de tes td on un espace avant leur fermeture

[bizerte77]

Re : a:hover pas entièrement pris en compte

Bonjour,

Effectivement ce même lien été défini. J'ai rajouté #main et c'est bon (enlever td ou ajouter tr n'a pas fonctionner).

Merci beaucoup!

Bonne journée