Ir para conteúdo
Fórum Script Brasil
  • 0

Alinhar os botoes com as imagens


Diogo Gavazzi

Pergunta

Boas, preciso de ajudar urgente, estou em estagio e o meu tutor pediu me para fazer um site no google sites(é uma merda), mas agora preciso de fazer uma parte em HTML e não consigo alinhar os botoes com as imagens, será que me podem ajudar???

 

<!--este é o codigo-->

 

 

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 5px solid black;
  }
  .button5 {
    background-color: white;
    width:200px;
    height:50px;
    color: black;
    border: 5px solid #555555;
    display: block;
    float:right
    }

 

</style>
</head>
<body>

<h2>Centro de Estudos Alcanena</h2>

<p><h2>Mais abaixo irá encontrar o conteúdo de cada sala do Centro Escolar, venha descobrir o que temos para lhe mostrar e vamos aprender juntos.</p></h2>

   <table style="height:auto width:auto">
          <a href="https://sites.google.com/d/11UKJeJDzmTzguQFVUscPNIiVFIxrptSW/p/121itL8oCRbfoixs-3lDZKxQJbB9Tdg1N/edit">
          <button  class="button button5">-------></button></a>
      </div>
  <tr>
    <th>
      <img src="img/Alecrim.jpg" width="1000" height="500" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/azinheira.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/Boga.jpg" width="1000" height="600" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/borbuleta.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/bufo real.jpg" width="1000" height="1400" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/gbv.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/guarda rios.jpg" width="1000" height="1000" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/medronho.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/mp.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/oliveira.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/orquidea.jpg" width="1000" height="800" ></a>
    </th>
  </tr>
  <tr>
    <th>
      <img src="img/papoila.png" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/rosa albardeira.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/rosa brava.jpg" width="1000" height="800" ></a>
    </th>
  </tr>

  <tr>
    <th>
      <img src="img/rosmaninho.png" width="1000" height="1000" ></a>
    </th>
  </tr>


</table>

</body>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...