We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Table full size

October 23, 2020 at 9:12 am #4262

[anonymous]

Hi,

when I crate a table with WISIWYG editor with 100% width, in the Publii editor i see a correct size but when i see the web site on browser, the table width is not 100% but less.

Thanks to everyone.

October 23, 2020 at 9:14 am #4263

[anonymous]

following the result

October 23, 2020 at 9:17 am #4265

Bob

Add the 100% width to your table (e.g. via Custom CSS tool)

table {
 width: 100%;
}

October 23, 2020 at 12:55 pm #4268

[anonymous]

Hi Bob.
thanks for your quick reply.

Following the table HTML code:

<table class="align-center" style="border-collapse: collapse; width: 100%;" border="0">
  <tbody>
    <tr style="height: 50px;">
      <td style="width: 35.0062%; height: 50px;">Lunedì</td>
    <td style="width: 32.6718%; height: 50px;">9:00 / 12:30</td>
    <td style="width: 50.1484%; height: 50px;">14:00 / 18:30</td>
  </tr>
  <tr style="height: 50px;">
    <td style="width: 35.0062%; height: 50px;">Martedì</td>
    <td style="width: 32.6718%; height: 50px;">9:00 / 12:30</td>
    <td style="width: 50.1484%; height: 50px;">14:00 / 18:30</td>
  </tr>
  <tr style="height: 50px;">
    <td style="width: 35.0062%; height: 50px;">Mercoledì</td>
    <td style="width: 32.6718%; height: 50px;">9:00 / 12:30</td>
    <td class="align-center" style="width: 50.1484%; height: 50px;">14:00 / 18:30</td>
  </tr>
  <tr style="height: 50px;">
    <td style="width: 35.0062%; height: 50px;">Giovedì</td>
    <td style="width: 32.6718%; height: 50px;">9:00 / 12:30</td>
    <td style="width: 50.1484%; height: 50px;">14:00 / 18:30</td>
  </tr>
  <tr style="height: 50px;"><td style="width: 35.0062%; height: 50px;">Venerdì</td>
    <td style="width: 32.6718%; height: 50px;">9:00 / 12:30</td>
    <td style="width: 50.1484%; height: 50px;">14:00 / 18:30</td>
  </tr>
  <tr style="height: 50px;">
    <td style="width: 35.0062%; height: 50px;">Sabato</td>
    <td style="width: 32.6718%; height: 50px;">9:00 / 12:30</td>
    <td style="width: 50.1484%; height: 50px;">---</td>
  </tr>
</tbody>
</table>

you can see that 100% width of table is present. But the result is not a 100% table.

October 23, 2020 at 1:15 pm #4272

Bob

Provide URL to the live example.

October 23, 2020 at 1:21 pm #4273

[anonymous]

The web site is not online yet…