Início / coding / Perguntas / 76995231
Accepted
Dennis
Asked: 2023-08-29 02:23:43 +0800 CST

float:left não funciona para mim em HTML CSS

  • 772

Desenvolvi um script para apresentar um chat ativo no YouTube junto com um resumo de quem está no chat. A ideia é que a tabela de itens do chat apareça à direita da lista de membros do chat. No entanto, nas versões mais recentes do Safari e no Chrome, o float parece não estar funcionando e as tabelas são apresentadas uma acima da outra. Aqui está um exemplo de extrato do HTML gerado que apresenta o problema.

body {
  background-image: '/bg-standard.jpg';
  background-attachment: fixed;
}

.twoTables {
  margin-left: -5px;
  margin-right: -5px;
}

.tableLeft {
  float: left;
  width: 50%;
  padding: 5px;
}

.tableRight {
  float: left;
  width: 50%;
  padding: 5px;
}

.twoTables::after {
  content: "";
  clear: both;
  display: table;
}

headingLink {
  color: white;
  text-decoration: none;
}

.dummyRow {
  line-height: 1px;
  visibility: hidden;
}

.freeze-table {
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
}

thead th {
  top: 0;
  position: sticky;
  background-color: #666;
  color: #fff;
  z-index: 20;
  min-height: 30px;
  height: 30px;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

xth,
xtd {
  padding: 0 5px;
  border-collapse: collapse;
  font-size: 100%;
  outline: 1px solid #ccc;
  border: none;
  outline-offset: -1px;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th,
td {
  padding: 0 0px;
  border-collapse: collapse;
  font-size: 100%;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}

tr {
  min-height: 25px;
  height: 25px;
  background-color: #ffffff
}

pageElement {
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

a:link {
  color: white;
  text-decoration: none;
}

* {
  padding: 0;
  margin: 0;
}

.fit {
  /* set relative picture size */
  max-width: 100%;
  max-height: 100%;
}

.center {
  display: block;
  margin: auto;
}

.imgbox {
  display: grid;
  width: 100%;
}

.center-fit {
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
}

@media screen and (max-width: 600px) {
  .tableLeft {
    width: 100%;
  }
  .tableRight {
    width: 100%;
  }
}
<form method='POST' action=/ YouTube/latestChats.php>
  <table style='border-collapse:collapse;'>
    <tr>
      <td><input type='checkbox' name='highlightMsg' id='highlightMsg' checked>
        <label for='highlightMsg'>Highlight messages</label></td>
      <td><input type='checkbox' name='msgUseRegEx' id='msgUseRegEx'>
        <label for='msgUseRegEx'>Use REGEX</label></td>
      <td>Message filter</td>
      <td><input type='text' name='msg' value='request' size=30></td>
    </tr>
    <tr>
      <td><input type='checkbox' name='invertOrder' id='invertOrder' checked>
        <label for='invertOrder'>Latest first</label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <input type='radio' name='emoteMgmt' value='text'>&nbsp;Emoticons&nbsp;as&nbsp;text&nbsp;&nbsp;&nbsp;&nbsp;
        <input type='radio' name='emoteMgmt' checked value='icon'>&nbsp;Emoticons&nbsp;as&nbsp;image&nbsp;&nbsp;&nbsp;&nbsp;
        <input type='radio' name='emoteMgmt' value='strip'>&nbsp;Strip&nbsp;emoticons&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <br>
  <input type='submit' name='submit' value='Submit'> &nbsp;&nbsp;&nbsp;
  <input type='submit' name='backToYouTubeStuff' value='Go Back'>
  <br>
</form>
<br>
<div class='twoTables'>
  <div id='watchers' class='tableLeft'>
    <table>
      <tr>
        <th>Watcher</th>
        <th>*</th>
        <th>Joined</th>
        <th>Latest</th>
      </tr>
      <tr>
        <td>request</td>
        <td>*</td>
        <td>07:47</td>
        <td>1805.0m</td>
      </tr>
      <tr>
        <td>Joe Something - guru</td>
        <td>*</td>
        <td>07:44</td>
        <td>1805.2m</td>
      </tr>
      <tr>
        <td>(<span style="font-weight:bold; font-style:italic;">Tony</span>) Tropic</td>
        <td>*</td>
        <td>06:48</td>
        <td>1839.9m</td>
      </tr>
    </table>
  </div>
  <div id='chats' class='tableRight'>
    <table style='border-collapse:collapse;border:0px solid white;'>
      <tr style='color:white; border:0px;'>
        <td colspan=3 style='text-align:center;background-color:darkblue;color:white;font-size:115%;font-weight:bold;border:solid white;'>2023-08-27</td>
        <td colspan=2 style='background-color:darkblue;color:white;font-size:115%;font-weight:bold;border:solid white;'><a href='https://youtu.be/ForShow'>2023-08-27 Livestream Title (23-074)</a></td>
      </tr>

      <tr>
        <td style='text-align:right;color:Blue;'>1</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:51)</td>
        <td style='text-align:left;color:Blue;'>Tropic</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3531' target='_blank'>_&nbsp;
               Ty dad</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>2</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:41)</td>
        <td style='text-align:left;color:Blue;'>Joe Something</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3521' target='_blank'>_&nbsp;
               c ya guys</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>3</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:37)</td>
        <td style='text-align:left;color:Blue;'>request</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3517' target='_blank'>_&nbsp;
               Sold it Brad</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>5</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:28)</td>
        <td style='text-align:left;color:Blue;'>Silent Chatter</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3508' target='_blank'>_&nbsp;
               HAPPY Bday Son</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>6</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:27)</td>
        <td style='text-align:left;color:Blue;'>request</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3507' target='_blank'>_&nbsp;
               good job george</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>7</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:23)</td>
        <td style='text-align:left;color:Blue;'>Danny Incognito</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3503' target='_blank'>_&nbsp;
               bye bye guys</a></td>
      </tr>
      <tr>
        <th colspan=5 style='background-color: #666 ;color: #fff ;z-index: 20 ;min-height: 30px ;height: 30px ;text-align: left ;'>End of data. </th>
      </tr>
    </table>
  </div>
</div>

Procurei soluções para problemas semelhantes, mas nenhuma delas parece corresponder exatamente ao meu problema, exceto esta . Para este, tenho dois problemas com a resposta aceita ("você precisa agrupar seu texto dentro de div e flutuar para a esquerda enquanto o wrapper div deve ter altura...): (1) Meu código já está agrupado e especificando float; e (2) não vi evidências de que devo especificar uma altura. Acho que esta é mais uma variação do problema. Depois, há o comentário incômodo de que a resposta aceita não funciona.

Estou fazendo algo obviamente errado aqui no que diz respeito a fazer o float funcionar? Eu não vejo nada.

NOTA: Existem muitos atributos de estilo definidos, mas não usados ​​aqui. O produto final real é capaz de muito mais do que apenas este par de mesas.

Obrigado por qualquer visão.

html

1 respostas

  1. Best Answer

    Remova a largura de 50% nos contêineres da tabela ou defina o tamanho da caixa como border-box. As tabelas flutuarão como estão, mas ao definir a largura como estão, elas serão muito largas e quebradas.

    Exemplo 1

    body {
  background-image: '/bg-standard.jpg';
  background-attachment: fixed;
}

.twoTables {
  margin-left: -5px;
  margin-right: -5px;
}

.tableLeft {
  float: left;
  xwidth: 50%;
  padding: 5px;
}

.tableRight {
  float: left;
  width: 50%;
  padding: 5px;
}

.twoTables::after {
  content: "";
  clear: both;
  display: table;
}

headingLink {
  color: white;
  text-decoration: none;
}

.dummyRow {
  line-height: 1px;
  visibility: hidden;
}

.freeze-table {
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
}

thead th {
  top: 0;
  position: sticky;
  background-color: #666;
  color: #fff;
  z-index: 20;
  min-height: 30px;
  height: 30px;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

xth,
xtd {
  padding: 0 5px;
  border-collapse: collapse;
  font-size: 100%;
  outline: 1px solid #ccc;
  border: none;
  outline-offset: -1px;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th,
td {
  padding: 0 0px;
  border-collapse: collapse;
  font-size: 100%;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}

tr {
  min-height: 25px;
  height: 25px;
  background-color: #ffffff
}

pageElement {
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

a:link {
  color: white;
  text-decoration: none;
}

* {
  padding: 0;
  margin: 0;
}

.fit {
  /* set relative picture size */
  max-width: 100%;
  max-height: 100%;
}

.center {
  display: block;
  margin: auto;
}

.imgbox {
  display: grid;
  width: 100%;
}

.center-fit {
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
}

@media screen and (max-width: 600px) {
  .tableLeft {
    width: 100%;
  }
  .tableRight {
    width: 100%;
  }
}
    <form method='POST' action=/ YouTube/latestChats.php>
  <table style='border-collapse:collapse;'>
    <tr>
      <td><input type='checkbox' name='highlightMsg' id='highlightMsg' checked>
        <label for='highlightMsg'>Highlight messages</label></td>
      <td><input type='checkbox' name='msgUseRegEx' id='msgUseRegEx'>
        <label for='msgUseRegEx'>Use REGEX</label></td>
      <td>Message filter</td>
      <td><input type='text' name='msg' value='request' size=30></td>
    </tr>
    <tr>
      <td><input type='checkbox' name='invertOrder' id='invertOrder' checked>
        <label for='invertOrder'>Latest first</label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <input type='radio' name='emoteMgmt' value='text'>&nbsp;Emoticons&nbsp;as&nbsp;text&nbsp;&nbsp;&nbsp;&nbsp;
        <input type='radio' name='emoteMgmt' checked value='icon'>&nbsp;Emoticons&nbsp;as&nbsp;image&nbsp;&nbsp;&nbsp;&nbsp;
        <input type='radio' name='emoteMgmt' value='strip'>&nbsp;Strip&nbsp;emoticons&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <br>
  <input type='submit' name='submit' value='Submit'> &nbsp;&nbsp;&nbsp;
  <input type='submit' name='backToYouTubeStuff' value='Go Back'>
  <br>
</form>
<br>
<div class='twoTables'>
  <div id='watchers' class='tableLeft'>
    <table>
      <tr>
        <th>Watcher</th>
        <th>*</th>
        <th>Joined</th>
        <th>Latest</th>
      </tr>
      <tr>
        <td>request</td>
        <td>*</td>
        <td>07:47</td>
        <td>1805.0m</td>
      </tr>
      <tr>
        <td>Joe Something - guru</td>
        <td>*</td>
        <td>07:44</td>
        <td>1805.2m</td>
      </tr>
      <tr>
        <td>(<span style="font-weight:bold; font-style:italic;">Tony</span>) Tropic</td>
        <td>*</td>
        <td>06:48</td>
        <td>1839.9m</td>
      </tr>
    </table>
  </div>
  <div id='chats' class='tableRight'>
    <table style='border-collapse:collapse;border:0px solid white;'>
      <tr style='color:white; border:0px;'>
        <td colspan=3 style='text-align:center;background-color:darkblue;color:white;font-size:115%;font-weight:bold;border:solid white;'>2023-08-27</td>
        <td colspan=2 style='background-color:darkblue;color:white;font-size:115%;font-weight:bold;border:solid white;'><a href='https://youtu.be/ForShow'>2023-08-27 Livestream Title (23-074)</a></td>
      </tr>

      <tr>
        <td style='text-align:right;color:Blue;'>1</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:51)</td>
        <td style='text-align:left;color:Blue;'>Tropic</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3531' target='_blank'>_&nbsp;
               Ty dad</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>2</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:41)</td>
        <td style='text-align:left;color:Blue;'>Joe Something</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3521' target='_blank'>_&nbsp;
               c ya guys</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>3</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:37)</td>
        <td style='text-align:left;color:Blue;'>request</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3517' target='_blank'>_&nbsp;
               Sold it Brad</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>5</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:28)</td>
        <td style='text-align:left;color:Blue;'>Silent Chatter</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3508' target='_blank'>_&nbsp;
               HAPPY Bday Son</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>6</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:27)</td>
        <td style='text-align:left;color:Blue;'>request</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3507' target='_blank'>_&nbsp;
               good job george</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>7</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:23)</td>
        <td style='text-align:left;color:Blue;'>Danny Incognito</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3503' target='_blank'>_&nbsp;
               bye bye guys</a></td>
      </tr>
      <tr>
        <th colspan=5 style='background-color: #666 ;color: #fff ;z-index: 20 ;min-height: 30px ;height: 30px ;text-align: left ;'>End of data. </th>
      </tr>
    </table>
  </div>
</div>

    Exemplo 2

    * {
  box-sizing: border-box;
}

body {
  background-image: '/bg-standard.jpg';
  background-attachment: fixed;
}

.twoTables {
  margin-left: -5px;
  margin-right: -5px;
}

.tableLeft {
  float: left;
  width: 50%;
  padding: 5px;
}

.tableRight {
  float: left;
  width: 50%;
  padding: 5px;
}

.twoTables::after {
  content: "";
  clear: both;
  display: table;
}

headingLink {
  color: white;
  text-decoration: none;
}

.dummyRow {
  line-height: 1px;
  visibility: hidden;
}

.freeze-table {
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
}

thead th {
  top: 0;
  position: sticky;
  background-color: #666;
  color: #fff;
  z-index: 20;
  min-height: 30px;
  height: 30px;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

xth,
xtd {
  padding: 0 5px;
  border-collapse: collapse;
  font-size: 100%;
  outline: 1px solid #ccc;
  border: none;
  outline-offset: -1px;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th,
td {
  padding: 0 0px;
  border-collapse: collapse;
  font-size: 100%;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}

tr {
  min-height: 25px;
  height: 25px;
  background-color: #ffffff
}

pageElement {
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

a:link {
  color: white;
  text-decoration: none;
}

* {
  padding: 0;
  margin: 0;
}

.fit {
  /* set relative picture size */
  max-width: 100%;
  max-height: 100%;
}

.center {
  display: block;
  margin: auto;
}

.imgbox {
  display: grid;
  width: 100%;
}

.center-fit {
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
}

@media screen and (max-width: 600px) {
  .tableLeft {
    width: 100%;
  }
  .tableRight {
    width: 100%;
  }
}
    <form method='POST' action=/ YouTube/latestChats.php>
  <table style='border-collapse:collapse;'>
    <tr>
      <td><input type='checkbox' name='highlightMsg' id='highlightMsg' checked>
        <label for='highlightMsg'>Highlight messages</label></td>
      <td><input type='checkbox' name='msgUseRegEx' id='msgUseRegEx'>
        <label for='msgUseRegEx'>Use REGEX</label></td>
      <td>Message filter</td>
      <td><input type='text' name='msg' value='request' size=30></td>
    </tr>
    <tr>
      <td><input type='checkbox' name='invertOrder' id='invertOrder' checked>
        <label for='invertOrder'>Latest first</label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <input type='radio' name='emoteMgmt' value='text'>&nbsp;Emoticons&nbsp;as&nbsp;text&nbsp;&nbsp;&nbsp;&nbsp;
        <input type='radio' name='emoteMgmt' checked value='icon'>&nbsp;Emoticons&nbsp;as&nbsp;image&nbsp;&nbsp;&nbsp;&nbsp;
        <input type='radio' name='emoteMgmt' value='strip'>&nbsp;Strip&nbsp;emoticons&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <br>
  <input type='submit' name='submit' value='Submit'> &nbsp;&nbsp;&nbsp;
  <input type='submit' name='backToYouTubeStuff' value='Go Back'>
  <br>
</form>
<br>
<div class='twoTables'>
  <div id='watchers' class='tableLeft'>
    <table>
      <tr>
        <th>Watcher</th>
        <th>*</th>
        <th>Joined</th>
        <th>Latest</th>
      </tr>
      <tr>
        <td>request</td>
        <td>*</td>
        <td>07:47</td>
        <td>1805.0m</td>
      </tr>
      <tr>
        <td>Joe Something - guru</td>
        <td>*</td>
        <td>07:44</td>
        <td>1805.2m</td>
      </tr>
      <tr>
        <td>(<span style="font-weight:bold; font-style:italic;">Tony</span>) Tropic</td>
        <td>*</td>
        <td>06:48</td>
        <td>1839.9m</td>
      </tr>
    </table>
  </div>
  <div id='chats' class='tableRight'>
    <table style='border-collapse:collapse;border:0px solid white;'>
      <tr style='color:white; border:0px;'>
        <td colspan=3 style='text-align:center;background-color:darkblue;color:white;font-size:115%;font-weight:bold;border:solid white;'>2023-08-27</td>
        <td colspan=2 style='background-color:darkblue;color:white;font-size:115%;font-weight:bold;border:solid white;'><a href='https://youtu.be/ForShow'>2023-08-27 Livestream Title (23-074)</a></td>
      </tr>

      <tr>
        <td style='text-align:right;color:Blue;'>1</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:51)</td>
        <td style='text-align:left;color:Blue;'>Tropic</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3531' target='_blank'>_&nbsp;
               Ty dad</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>2</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:41)</td>
        <td style='text-align:left;color:Blue;'>Joe Something</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3521' target='_blank'>_&nbsp;
               c ya guys</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>3</td>
        <td style='text-align:center;color:Blue;'>07:47</td>
        <td style='text-align:right;color:Blue;'>(58:37)</td>
        <td style='text-align:left;color:Blue;'>request</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3517' target='_blank'>_&nbsp;
               Sold it Brad</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>5</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:28)</td>
        <td style='text-align:left;color:Blue;'>Silent Chatter</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3508' target='_blank'>_&nbsp;
               HAPPY Bday Son</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>6</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:27)</td>
        <td style='text-align:left;color:Blue;'>request</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3507' target='_blank'>_&nbsp;
               good job george</a></td>
      </tr>
      <tr>
        <td style='text-align:right;color:Blue;'>7</td>
        <td style='text-align:center;color:Blue;'>07:46</td>
        <td style='text-align:right;color:Blue;'>(58:23)</td>
        <td style='text-align:left;color:Blue;'>Danny Incognito</td>
        <td style='text-align:left;color:Blue;'>
          <a style='color:blue;text-decoration:none;' href='https://youtu.be/ForShow?t=3503' target='_blank'>_&nbsp;
               bye bye guys</a></td>
      </tr>
      <tr>
        <th colspan=5 style='background-color: #666 ;color: #fff ;z-index: 20 ;min-height: 30px ;height: 30px ;text-align: left ;'>End of data. </th>
      </tr>
    </table>
  </div>
</div>

    • 1

relate perguntas