The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Help with tables
Hampstead
post Sep 13 2023, 09:32 AM
Post #1





Group: Members
Posts: 3
Joined: 13-September 23
Member No.: 29,050



I have set up a table to display prices, but it goes off page on a mobile device.

What changes can I make to the code to fix this?

<style type="text/css">
.tg {border:none;border-collapse:collapse;border-spacing:0;}
.tg td{border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px;overflow:hidden;
padding:10px 5px;word-break:normal;}
.tg th{border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-g9u4{border-color:inherit;font-family:"Arial Black", Gadget, sans-serif !important;font-size:18px;text-align:left;
vertical-align:top}
.tg .tg-cio1{border-color:#000000;font-family:inherit;font-size:16px;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg" style="undefined;table-layout: fixed; width: 470px">
<colgroup>
<col style="width: 127px">
<col style="width: 343px">
</colgroup>
<thead>
<tr>
<th class="tg-g9u4">£149</th>
<th class="tg-cio1">Basic Single Will</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0lax"></td>
<td class="tg-0lax">Based on your answers, we recommend the following clauses and trusts to strengthen your Will and to ensure the Will matches your individual needs.</td>
</tr>
</tbody>
</table>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 7th June 2024 - 04:33 AM