text is not responsive when width is set
Question
I have a text that I need to set a width on. This Fiddle I have marked the text with red. The column needs to fill the half of the columns. But everytime I set a width, the responsive does not work anymore.
The reason the layout is in tables, is because I have to use them for email newsletters. So I am using the foundation framework
How can a set a width on the column with the red text, without destroyin the responsive part?
<body>
<table class="body">
<tr>
<td class="center" align="center" valign="top">
<center>
<table class="row footer">
<tr>
<td class="wrapper">
<table align="center" class="container">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<th class="small-12 large-6 columns first">
<table>
<tr>
<th style="color:red;">Details about the room</th>
</tr>
</table>
</th>
<th class="small-12 large-6 columns last">
<table>
<tr>
<th>Lorem ipsum dolor sit amet, lectus fringilla optio nulla dolorem duis, augue neque mus gravida, platea pharetra duis eros nunc eget. Integer facilis. A convallis nec libero leo tempus, facilisis ac, fringilla at quis, lectus inceptos ac eu suscipit. Porta ac dignissim nec, cursus aliquam senectus aliquam, in duis vestibulum at risus libero volutpat, mi aliquam, tristique sit nunc fermentum</th>
</tr>
</table>
</th>
</tr>
</tbody>
</table
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</body>
1 answers
solution1
0 2017-01-31 14:06:41
I have set the first and the last th width of 50% . The it works If I got your question right. You've to divide the row into two with half width of the total.
here is fiddle
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.