Discussion :

[lutecefalco]

Bonjour tout le monde.

J'ai un menu gauche fait avec un TABLE.

Voici le code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<table class="clsLeftNav">
    <tr class="clsLeftNav1">
        <td><a href="/ebusiness/pricer/swap.aspx">Pricing</a></td>
    </tr>
    <tr class="clsLeftNav1">
        <td><a href="/ebusiness/pricer/documentation.aspx">Présentation produits</a></td>
    </tr>
</table>

Et le CSS associé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
TR.clsLeftNav1 TD
{
    background-color: #b6bfc4;
}
 
TR.clsLeftNav1 TD A
{
    padding: 0px 0px 0px 5px;
    font-weight: bold;
    color: #215a74;
    width: 100%;
}

Tout fonctionne bien sauf le lien qui ne prend pas toute la longueur du TD dans lequel il est contenu.
Si je vire le DOCTYPE de ma page, ça fonctionne. Mais je ne veux pas enlever le DOCTYPE.

Comment faire?
Merci à tous

[HiRoN]

Salut,

As-tu tenté de passer le lien en display:block (en laissant le width:100%) ?

Le lien href étant de base un élément inline (qui donc s'adapte en fonction de son contenu), le passer en "block" pourrait lui permettre de lui donner une taille (dans ton cas le width:100%).

[Bisûnûrs]

Pour donner des dimensions à un éléments, il faut qu'il soit de type block et non de type inline. Or la balise <a> est de type inline. Donc rajoute un display:block; à cette balise.

[lutecefalco]

Ok merci, je teste ça demain au boulot

[lutecefalco]

Ca marche nickel