Jump to content
Fórum Script Brasil
  • 0

Alinhar os botoes com as imagens


Question

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 to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Cloud Computing


  • Forum Statistics

    • Total Topics
      148887
    • Total Posts
      644948
×
×
  • Create New...