Highlighted

Table CSS Issue for Mobile Page

Explorer ,
Nov 10, 2017

Copy link to clipboard

Copied

Hi, I have created a table and a stylesheet. I insert the HTML into Muse and the stylesheet in assets. For the desktop version of my site, this works perfectly. However, the same code does not work for the mobile version of my page. I have not published my site and am testing in my browser locally. The code:

<head>

  <meta charset="utf-8" />

  <title>Team_Building_Pricing_Structure</title>

  <link href="assets/escprice.css" rel="stylesheet" type="text/css" />

</head>

<body id="Team_Building_Pricing_Structure" lang="en-GB">

  <div id="_idContainer000" class="Basic-Text-Frame">

   <table id="table001" class="Basic-Table">

    <colgroup>

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

    </colgroup>

    <tbody>

     <tr class="Basic-Table _idGenTableRowColumn-2">

      <td class="Basic-Table CellOverride-1">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-1">Group size </span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">9+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">12+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">15+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">20+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">25-30</span></p>

      </td>

     </tr>

     <tr class="Basic-Table _idGenTableRowColumn-2">

      <td class="Basic-Table CellOverride-3">

       <p class="Basic-Paragraph ParaOverride-2"><span class="CharOverride-3">Price (£)</span></p>

      </td>

      <td class="Basic-Table CellOverride-4">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">375 </span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">425</span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">475</span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">525</span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">575</span></p>

      </td>

     </tr>

    </tbody>

   </table>

  </div>

</body>

</html>

Any help would be much appreciated, I cannot find any other information relating to my issue.

Views

174

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Table CSS Issue for Mobile Page

Explorer ,
Nov 10, 2017

Copy link to clipboard

Copied

Hi, I have created a table and a stylesheet. I insert the HTML into Muse and the stylesheet in assets. For the desktop version of my site, this works perfectly. However, the same code does not work for the mobile version of my page. I have not published my site and am testing in my browser locally. The code:

<head>

  <meta charset="utf-8" />

  <title>Team_Building_Pricing_Structure</title>

  <link href="assets/escprice.css" rel="stylesheet" type="text/css" />

</head>

<body id="Team_Building_Pricing_Structure" lang="en-GB">

  <div id="_idContainer000" class="Basic-Text-Frame">

   <table id="table001" class="Basic-Table">

    <colgroup>

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

     <col class="_idGenTableRowColumn-1" />

    </colgroup>

    <tbody>

     <tr class="Basic-Table _idGenTableRowColumn-2">

      <td class="Basic-Table CellOverride-1">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-1">Group size </span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">9+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">12+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">15+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">20+</span></p>

      </td>

      <td class="Basic-Table CellOverride-2">

       <p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">25-30</span></p>

      </td>

     </tr>

     <tr class="Basic-Table _idGenTableRowColumn-2">

      <td class="Basic-Table CellOverride-3">

       <p class="Basic-Paragraph ParaOverride-2"><span class="CharOverride-3">Price (£)</span></p>

      </td>

      <td class="Basic-Table CellOverride-4">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">375 </span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">425</span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">475</span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">525</span></p>

      </td>

      <td class="Basic-Table CellOverride-5">

       <p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">575</span></p>

      </td>

     </tr>

    </tbody>

   </table>

  </div>

</body>

</html>

Any help would be much appreciated, I cannot find any other information relating to my issue.

Views

175

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 10, 2017 0

Have something to add?

Join the conversation