Zeromancer: Zentrierung von Bildern in Tabellen

Beitrag lesen

Hallo Andre,
(tatsächliche ohne "´" über dem e?)

<table border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
  <td>
  <div style="text-align: center;"><img style="border: 0px solid" alt="Über uns" src="images/ueberuns.gif"><br><br></div>
  <div style="text-align: center;"><img style="border: 0px solid" alt="Referenzen" src="images/referenzen.gif"><br><br></div>
  <div style="text-align: center;"><img style="border: 0px solid" alt="Kontakt" src="images/kontakt.gif"><br><br></div>
  </td></tr>

</tbody>
</table>

  1. Warum mischst du Tabellen mit Div?
  2. Beachte bitte http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss
  
<table>  
  <tr>  
   <td class="image">  
     <img alt="Über uns" src="images/ueberuns.gif" /><br />  
     <img alt="Referenzen" src="images/referenzen.gif" /><br />  
     <img alt="Kontakt" src="images/kontakt.gif" />  
   </td>  
  </tr>  
</table>  

  
td.image {  
  text-align:center;  
  border:none;  
  margin: 10px 0;  
}  

sieht ordentlicher und übersichtlicher aus und sollte auch zentrieren.

Man könnte die Bilder auch "display:block" setzen und nur mit "margin" arbeiten, ohne "<br />". Nur so ein paar Gedanken.

Mit freundlichen Grüßen,
André