Archives for responsive

Responsive, CSS-only faux tables

Tables are mildly responsive — the individual cells can resize as necessary. But they aren’t fully responsive without Javascript: You can’t take two TDs that are next to each other and suddenly have them stack, as that requires changing the HTML structure of the table. But you *can* do it with divs that are made to *look* like a table. See the demo here. HTML <div class="table-wrap">     <div class="row-wrap">         <div class="left-td"></div>         <div class="right-td"></div>         <div class="clear"></div>     </div> </div> Note how we’re using divs to mimic a table’s “table -> tr -> td” structure.
Read More