html - Two tables with different attributes -
i have 2 tables in html. both of them have same attributes in css (same id). same width, same font , on.. same id, headlines move different location. issue:
firsthead secondhead thirdhead --------- ---------- --------- data data data firsthead secondhead thirdhead --------- ---------- --------- data data data
what need, 1 of them under other, , next tables add; in same line.
#acttable { margin-left: 24px; width: 95%; font-family: "lucida sans unicode", "lucida grande", sans-serif; font-size: 12px; border-collapse: collapse; text-align: left; } #acttable th { font-size: 14px; font-weight: normal; padding: 10px 8px; border-bottom: 2px solid black; } #acttable thead tr th { width: 59%; } #acttable td { word-break: keep-all; border-bottom: 1px dotted black; padding: 6px 8px; }
<table id="acttable"> <thead> <tr> <th></th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> <table id="acttable"> <thead> <tr> <th></th> <th></th> <th></th> </tr> <tbody> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table>
change id class , should work does
.acttable { margin-left:24px; width:95%; font-family: "lucida sans unicode", "lucida grande", sans-serif; font-size: 12px; border-collapse: collapse; text-align: left; } .acttable th { font-size: 14px; font-weight: normal; padding: 10px 8px; border-bottom: 2px solid black; } .acttable thead tr th { width: 59%; } .acttable td { word-break: keep-all; border-bottom: 1px dotted black; padding: 6px 8px; }
<table class="acttable"> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> </thead> <tbody> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> </tbody> </table> <table class="acttable"> <thead> <tr> <th>7</th> <th>8</th> <th>9</th> </tr> <tbody> <tr> <td>0</td> <td>1</td> <td>2</td> </tr> </tbody> </table>
Comments
Post a Comment