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
Post a Comment