Martin Senftleben: Grafik in Tabelle zentrieren

Hallo,

ich will eine Grafik in einer Tabelle innerhalb einer Zelle mit CSS zentrieren. Das einzige, was ich gefunden habe, ist text-align:center, aber das scheint nicht zu funktionieren.

ich habe folgendes angelegt:

td.indexleft {
     width:5%;
     height:15px;
     text-align:center;
     vertical-align:middle
}

und im Dokument dann

<td class="indexleft"><img src="...."></td>

Die Grafik bleibt links, während die vertikale Ausrichtung durchaus richtig funktioniert. Gibt es da noch ein anderes tag, von dem ich nichts weiß und nach stundenlangem Suchen auch nichts gefunden habe?

DiV,

Martin

  1. Hallo martin,
    probier mal das css von mir. Dein Fehler lag glaub ich in der Definition des css. Du hast td.indexleft angegeben. Wenns eine "class" sein soll darf aber glaube ich nur ein . vor dem Classnamen stehen.
    Andi

    <style type="text/css">
    .indexleft {width:200px; height:200px; text-align:center; vertical-align:middle}
    </style>

    1. Hallo martin,
      probier mal das css von mir. Dein Fehler lag glaub ich in der Definition des css. Du hast td.indexleft angegeben. Wenns eine "class" sein soll darf aber glaube ich nur ein . vor dem Classnamen stehen.
      <style type="text/css">
      .indexleft {width:200px; height:200px; text-align:center; vertical-align:middle}
      </style>

      Hallo Andi,

      das hat leider nichts verändert. es verhält sich immer noch genauso, dass die horizontale Ausrichtung einfach nicht stattfindet. Gibt es etwas anderes, was das verhindern könnte?

  2. Hallo

    ich will eine Grafik in einer Tabelle innerhalb einer Zelle mit CSS zentrieren.

    Dann versuche doch mal:

    img {margin-left:auto; margin-right:auto;}

    td {text-align:center;}

    Gruß

    André

    1. img {margin-left:auto; margin-right:auto;}

      td {text-align:center;}

      Sorry, das ändert leider nichts.
      Irgendwelche anderen Vorschläge?