Bytecounter: Grafik in Zelle v/h-zentriert ausrichten

SELF-Forum

Grafik in Zelle v/h-zentriert ausrichten

Bytecounter
– Informationen zu den Bewertungsregeln

Hallo zusammen,

wie die Überschrift bereits sagt, möchte ich in einer Tabellenzelle eine Grafik vertikal als auch horizontal zentriert ausrichten. Aber irgendwie stehe ich da auf dem Schlauch.
Folgende der Source (komplett abgespeckt und in eine eigene Datei gepackt, um "äussere Einflüsse" zu vermeiden):

  
<table>  
  <tr>  
    <td style="width:200px; height:200px; text-align:center; vertical-align:middle;">  
      <img src="http://www.domain.tld/bild.jpg" alt="id " />  
    </td>  
  </tr>  
</table>

Mit Text funktioniert es, nur Grafiken setzt er immer rechtsbündig; mit "float:left" bekomm ich die Bilder linksbündig, ist aber auch nicht Sinn der Sache.

Ich erstelle das Ganze bewusst mit einer Tabelle, da sich sonst die Erstellung für das Backend zu aufwändig gestaltet.

Danke für Eure Hilfe und schonmal ein schönes WE!

Bytecounter

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Grafik in Zelle v/h-zentriert ausrichten

    Tim
    – Informationen zu den Bewertungsregeln

    Hallo,

    <table>
      <tr>
        <td style="width:200px; height:200px; text-align:center; vertical-align:middle;">
          <img src="http://www.domain.tld/bild.jpg" alt="id " />
        </td>
      </tr>
    </table>

      
mit vertikal-align gibt es fast immer probleme... ich würde es mit padding lösen. allerdings eignet es sich nicht wenn du verschieden große bilder einbinden willst weil du jedesmal das padding anpassen musst.  
  
MfG Tim
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Grafik in Zelle v/h-zentriert ausrichten

      bleicher Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Grüße,

      vertikal-align gibt es fast immer probleme... ich würde es mit padding lösen. allerdings eignet es sich nicht wenn du verschieden große bilder einbinden willst weil du jedesmal das padding anpassen musst.

      gabs da nicht was mit padding/margin auf auto?

      MFG
      bleicher

      --
      __________________________-
      Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
      http://www.sexgott-or-not.com/?test=428054
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Grafik in Zelle v/h-zentriert ausrichten

        Bytecounter
        – Informationen zu den Bewertungsregeln

        Hallo,

        genau das ist das Problem: Die Grafiken sind unterschiedlich gross. Mit margin:auto und/oder padding:auto hab ich es schon probiert, ebenfalls kein Erfolg :-(

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Grafik in Zelle v/h-zentriert ausrichten

          bleicher Homepage des Autors
          +1 Informationen zu den Bewertungsregeln

          Grüße,

          genau das ist das Problem: Die Grafiken sind unterschiedlich gross. Mit margin:auto und/oder padding:auto hab ich es schon probiert, ebenfalls kein Erfolg :-(

          hardcorelösung mit serverseitigen bildgrößenermittlung und generierung der padding-werte?

          MFG
          bleicher

          --
          __________________________-
          Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
          http://www.sexgott-or-not.com/?test=428054
          Beitrag melden
          +1
          Informationen zu den Bewertungsregeln

          1. Grafik in Zelle v/h-zentriert ausrichten

            Bytecounter
            – Informationen zu den Bewertungsregeln

            Da hätte ich auch selber draufkommen können, da ich die Bildgrösse sowieso ermittel :-)
            Manchmal kommt man nicht auf die simpelsten Dinge...Danke!!

            vg und noch eine schöne Woche!
            Bytecounter

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln