html - Right Table Row to Go Below Left Row -


i want td on right (pagination buttons) go below left td (buttons) when there isn't enough space.( small screens).

is doable ?

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px"> <tr valign="bottom">         <td class="smallfont"> "buttons on left </td>      <td align="$stylevar[right]"> "page navigation buttons on right </td>  </tr> </table> 

add column table , hide desktop.while going mobile ,hide fist column , show third column

 .hide-for-desktop{      display:none;   }      .@media screen , (max-width: 500px) {              table td{          display:block;          width:100%;       }              .hide-for-desktop{          display:block       }              .hide-for-mobile{           display:none !important;       }          }
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">      <tr valign="bottom">          <td class="smallfont hide-for-mobile"> "buttons on left </td>          <td align="$stylevar[right]"> "page navigation buttons on right </td>        <td  class="smallfont hide-for-desktop"> "buttons on left </td>      </tr>  </table>


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -