Bordure apparente pour une cellule d'une classe donnée [Résolu]

[rambc]

Bonsoir,
dans le code ci-dessous, j'aimerais faire apparaître une ligne horizontale noire d'un pixel d'épaisseur au bas de la cellule de classe "codeColumn" sans avoir de ligne ailleurs dans le tableau, et je n'y arrive pas.

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table class="listing">
    <tr class="foldStartOpened level_0">
        <td class="numberColumn">
            <pre> 01 </pre>
        </td>
        <td class="foldingColumn" style="cursor:pointer;">
            <pre> - </pre>
        </td>
        <td class="codeColumn">
            <pre> def function(bidon):</pre>
        </td>
    </tr>
</table>

Quelqu'un peut-il m'aider ?

[Mahefasoa]

Bonjour,

Est-ce la méthode suivante serait probante?

Code :

1
2
3
4
5
6
 
<style>
td.codeColumn {
border-bottom: 1px solid #000; 
}
</style>

Je ne l'ai pas testé mais ce code est sensé d'appliquer une bordure bas de 1px de couleur noir.

Bien cordialement

[rambc]

Merci.

J'avais essayé cela mais en fait cela ne fonctionnait pas car le nom de ma classe était "codeColumn level_0".

Je ne devais pas être bien réveillé hier...

[Mahefasoa]

Bonjour,

J'ai essayé avec le code suivant et cela fonctionne bien.

Il se peut que des directives attachées à la classe level_0 surchargent celles rattachées à codeColumn. Il est nécessaire je crois qu'on ait les extraits des directives des classes suivantes: listing, foldStartOpened, level_0 afin de voir ce qui se passe.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<style>
    td.codeColumn {
        border-bottom: 1px solid #000; 
    }
</style>
 
<table class="listing">
    <tr class="foldStartOpened level_0">
        <td class="numberColumn">
            <pre> 01 </pre>
        </td>
        <td class="foldingColumn" style="cursor:pointer;">
            <pre> - </pre>
        </td>
        <td class="codeColumn level_0">
            <pre> def function(bidon):</pre>
        </td>
    </tr>
</table>

En espérant de t'avoir aidé.

Bien cordialement,

[rambc]

Merci.

En fait tout fonctionne bien. C'est super.