Suppression de la ligne de tableau

Je souhaite ajouter deux tables ou plus de manière consécutive et elles doivent ressembler à une seule table.Suppression de la ligne de tableau

<html> 
<head> 
<style type="text/css"> 
.cls 
{ 
border:1px solid #000000; 
} 
.cls td { 
    border:1px solid #000000; 
} 

</style> 
</head> 

<body> 
<table class="cls"> 
    <tr> 
     <td>aaa</td><td>bbb</td><td>ccc</td> 
    </tr> 
    <tr> 
     <td>ddd</td><td>eee</td><td>fff</td> 
    </tr> 
</table> 

<table class="cls"> 
    <tr> 
     <td>aaa</td><td>bbb</td><td>ccc</td> 
    </tr> 
    <tr> 
     <td>ddd</td><td>eee</td><td>fff</td> 
    </tr> 
</table> 

    </body> 
</html>

Mon problème est la ligne que les tables combinées ont normalement une ligne double. Comment puis-je le montrer comme une seule ligne.

alt text

Source

2010-09-21 penguru

.cls-last 
{ 
    border-top: 0px; 
}

Sur votre 2ème tableau:

<table class="cls cls-last"> 
    <tr> 
     <td>aaa</td><td>bbb</td><td>ccc</td> 
    </tr> 
    <tr> 
     <td>ddd</td><td>eee</td><td>fff</td> 
    </tr> 
</table>

Source

2010-09-21 19:21:51 Gazler

Vous pouvez changer le haut (ou en bas) bordure de la table via CSS.

Cependant, l'alignement pourrait être un défi ici. Dans l'exemple que vous avez donné, pas de problème - chacun contient 3 caractères (relativement) similaires chacun. Donc, ce serait presque identique. Cependant si une colonne dans une table a 10 caractères par exemple, le HTML va étirer cette colonne et vous serez laissé avec deux entités évidemment différentes. Donc, pour que cela fonctionne 100% du temps, vous aurez besoin de définir les largeurs et (éventuellement) les propriétés de débordement.

J'ai du mal à comprendre pourquoi vous devriez le faire de cette façon. Je suis sûr que vous avez une raison, mais deux entités similaires avec des largeurs et des colonnes similaires devraient pouvoir être mélangées. Si les tables n'apparaissaient que rarement, ou si vous vouliez supprimer des lignes, vous pouviez le faire via Javascript et/ou CSS ou au niveau du serveur lors du rendu.

Source

2010-09-21 19:24:22 bpeterson76

Suppression de la ligne de tableau

Répondre

Questions connexes