Wieso wird nicht zentriert?

[Andre]

Moin zusammen,

ich steh irgendwie auf dem Schlauch: Wieso erzeugt dieser Code keine drei zentrierten Bilder in der Tabellenzelle:

<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>

Ich wäre froh um kurze Erleuchtung.

Danke und Gruß!
Andre

[Andre]

Moin zusammen,

ich steh irgendwie auf dem Schlauch: Wieso erzeugt dieser Code keine drei zentrierten Bilder in der Tabellenzelle:

Ich sollte noch hinzufügen: die Bilder erscheinen, nur erscheinen sie linksbündig. Aber sie sollen zentriert erscheinen.

Danke+Gruß.

[Glory]

Moin zusammen,

ich steh irgendwie auf dem Schlauch: Wieso erzeugt dieser Code keine drei zentrierten Bilder in der Tabellenzelle:

Ich sollte noch hinzufügen: die Bilder erscheinen, nur erscheinen sie linksbündig. Aber sie sollen zentriert erscheinen.

Danke+Gruß.

Weil du dem Browser nicht mitteilst, dass die Inhalte in der Zelle zentriert werden sollen. Innerhalb der <div>s sind die Bilder also zentriert, aber die <div>s sind nicht innerhalb der Zelle zentriert. Und warum benutzt du überhaupt <div>s?

[Inita]

hi,

mach es einfacher:

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

[Zeromancer]

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é

[Steel]

Hi!

Genau:

img
{
 display: block;
 margin: 5px auto;
}

sollte eigentlich das gewuenschte Ergebnis erzielen. Fragt sich nur was die Tabelle soll...