HTML Colocar botão além do texto na coluna HTML

[David Martinho]

Eu tenho uma tabela HTML com rows vindas de uma BD,  e numa das colunas existe o campo Descrição, que por vezes tem textos longos e dessa forma, gostaria de saber se dá para colicar um botão na mesma coluna do texto, para "Ver Mais" e redirecionar para outra janela com o texto todo da coluna.

 

Penso que a parte do encaminhamento do texto não terá problema, só não sei é como colocar o botão e o texto na mesma coluna, mas sem o texto estar fora do botão.

 

Se alguém conseguir ajudar, ou tiver uma ideia melhor agradecia.

 

Eu gostava que o botão ficasse onde tem o quadrado*

 

[MailingTester]

Vais precisar de um elemento com position:absolute

[DiF]

@David Martinho @MailingTester Seguindo o que o colega disse ali,  defina a regra da célula da tabela com position relative,  e o botão dentro desta célula com position absolute. dessa forma você consegue colocar algo ali Veja um exemplo:

 

<table>
  <tr>
    <td>Mudar de sitio <button>Ver mais</button></td>
  </tr>
  <tr>
    <td>trocar cor</td>
  </tr>
  <tr>
    <td>Revisão</td>
  </tr>
  <tr>
    <td>Trocar peça</td>
  </tr>
</table>

 

table{
  width: 150px;

}

table, td{
  border: 1px solid #000;
}

table td{
  position: relative;
  height: 100px;
}

table td button{
  position: absolute;
  top: 0;
  right: 0;
}

 

 

[David Martinho]

Em 07/04/2022 às 22:42, DiF disse:

@David Martinho @MailingTester Seguindo o que o colega disse ali,  defina a regra da célula da tabela com position relative,  e o botão dentro desta célula com position absolute. dessa forma você consegue colocar algo ali Veja um exemplo:

 

<table>
  <tr>
    <td>Mudar de sitio <button>Ver mais</button></td>
  </tr>
  <tr>
    <td>trocar cor</td>
  </tr>
  <tr>
    <td>Revisão</td>
  </tr>
  <tr>
    <td>Trocar peça</td>
  </tr>
</table>

 

table{
  width: 150px;

}

table, td{
  border: 1px solid #000;
}

table td{
  position: relative;
  height: 100px;
}

table td button{
  position: absolute;
  top: 0;
  right: 0;
}

 

 

É isso aí, muito obrigado