• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Table CSS Issue for Mobile Page

Explorer ,
Nov 10, 2017 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

241

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
community guidelines
no replies

Have something to add?

Join the conversation