Html / css div border / Bilder in die Mitte rücken?

Ich habe ein Problem bei html und zwar will ich unter folgende Tabelle ein div mit folgendem rahmen machen . Wie sieht der Code in css aus bzw in html falls ich dort ein Fehler habe.

http://prntscr.com/jefpyg

    <table>
      <thead>
        <tr>
          <th colspan="3">Zur Zeit haben wir folgende Artikel im Angebot</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Adventure, Herrenfahrrad</td>
          <td><img src="Images/fahrrad.jpg" alt="Fahrrad"></td>
          <td>600,00€ <br> incl. MwST</td>
        </tr>
        <tr>
          <td>Fahrradtaschen, strapazierfähig</td>
          <td><img src="Images/taschen.jpg"></td>
          <td>29,95€ <br> incl. MwST</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td colspan="3">Nur solange der Vorrat reicht</td>
        </tr>
      </tfoot>
    </table>
    <div class="faketable">
      <p>City Bikes immer für sie da</p>
    </div>
CSS
thead{
  background-color: yellow;
}
tbody{
  background-color: grey;
}
tfoot{
  background-color: yellow;
  color: red;
}
.faketable{
  border: 1px solid black;
  text-align: center;
}

nächstes Problem ist, dass es mir mit margin: 0 auto; oder margin-left: auto; und margin-right: auto; nicht möglich ist Bilder in die Mitte der Webseite zu befördern.

Danke im voraus^^

Computer, HTML, CSS, CT, ait
2 Antworten

Was möchtest Du wissen?