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

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

java - No use of nillable="0" in SOAP Webservice -

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -