kostenloser Webspace werbefrei: lima-city


Bild in Tabelle

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    swissman

    swissman hat kostenlosen Webspace.

    Ich möchte gerne tag/bild">Bilder in eine Tabelle einfügen.

    Mein bestehender Code:

    <html>
    <body>
    <table style=\"text-align: center; border: 1px #101010 solid;\" cellpadding=\"0\" cellspacing=\"0\">
     <tr>
      <td>
       <img src=\"test.jpg\">
      </td>
     </tr>
    </table>
    </body>
    </html>


    So wird aber im Internet Explorer ein Rand unter dem Bild angezeigt. Eigentlich könnte ich diesen Rand wegnehmen, indem ich der Zelle eine feste Höhe gebe. Nur leider sind nicht alle Bilder gleich hoch.

    Kennt jemand einen Trick, wie ich diesen Rand wegbringe ohne der Zelle eine fixe Höhe zuweisen zu müssen?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Wird der Rand nur unten angezeigt?
    ich würde es denke ich mal mit Padding und Margin für das Bild versuchen.
    Im Zweifelsfall auch, da IE sowas sinnferies, wie line-height für das Bild :D
  4. Autor dieses Themas

    swissman

    swissman hat kostenlosen Webspace.

    tibel schrieb:
    Wird der Rand nur unten angezeigt?
    ich würde es denke ich mal mit Padding und Margin für das Bild versuchen.
    Im Zweifelsfall auch, da IE sowas sinnferies, wie line-height für das Bild :D


    Ich begreife nicht ganz, was du mit dem letzten Satz gemeint hast:P

    Mit margin und padding habe ich es natürlich schon versucht, bevor ich hier gepostet habe.

    Ja, der Rand wird nur unten angezeigt und nur im IE (wie könnte es anders sein).
  5. könntest du uns evtl. mal ein beispiel geben?

    vielleicht hilft ja ein einfaches </img> ?

    Also ich hatte diesen Fehler noch nie im IE
  6. Autor dieses Themas

    swissman

    swissman hat kostenlosen Webspace.

    Im ersten Post habe ich ein Beispiel gegeben. Oder was stellst du dir unter einem Beispiel vor?
  7. einfach mal hochladen, damit wir es uns anschauen können ;)

    (schon ausprobiert?)


    Beitrag geändert: 12.4.2008 12:13:50 von raubritta
  8. Autor dieses Themas

    swissman

    swissman hat kostenlosen Webspace.

    Das Hochladen hat sich erledigt. Ich weiss zwar nicht weshalb, aber das <img>-TAG muss auf derselben Zeile stehen wie <td></td>:
    <table style=\"border: 1px #101010 solid;\" cellpadding=\"0\" cellspacing=\"0\">
     <tr>
      <td><img src=\"images/foto_001.jpg\"></td>
     </tr>
    </table>


    Vielen Dank für eure Mühe.
  9. a*********8

    Hi!
    Du kannst es natürlich auch einfach so machen:

    <img src=\"images/foto_001.jpg\" style=\"border: 1px solid #101010;\" />


    Dann brauchst du auch keine elendige Tabelle. ;)
  10. So mit dem \"Zentrieren\" funktion:
    <html>
    <body>
    <table style=\"text-align: center; border: 1px #101010 solid;\" cellpadding=\"0\" cellspacing=\"0\">
     <tr>
      <td><img src=\"test.jpg\"></td>
     </tr>
    </table>
    </body>
    </html>


    Beitrag geändert: 14.4.2008 17:35:41 von tsor


    Beitrag geändert: 14.4.2008 17:36:08 von tsor
  11. Komplett XHTML-Valid und so kurz wie möglich:

    <img src=\"test.jpg\" style=\"border: 1px solid #101010;\" alt=\"Blah\" />


    Wenn du noch normales HTMl verwendest, einfach den / vor dem ende des Tags entfernen.

    Natürlich funktioniert dies auch mit border-bottom, border-right, border-top und border-left.
    Lg All-Web


    Beitrag geändert: 15.4.2008 10:21:45 von all-web
  12. bratwurstmitkruste

    Kostenloser Webspace von bratwurstmitkruste, auf Homepage erstellen warten

    bratwurstmitkruste hat kostenlosen Webspace.

    du kannst es eigentlich auch einfach mit colspan machen dann hast du LINKS in der tabelle etwas stehen und rechts daneben das bild was du dann in die Spalte mit <img src ..... einfügst hier der Code:
    <table border=\"1\" align=\"center\">
    <tr>
      <th colspan=\"2\"> Überschrift über der Tabelle </th>
    
      <th>Hier das Bild oder was in der Spalte stehen soll</th>
      <th>Hier das Bild oder was in der Spalte stehen soll</th>
      usw...

    hinter coolspan die zahl steht dafür wiel spalten in eine Überschrift Spalte kann in Dem fall 2:
    etwas was links in der Leiste steht und 2. das Bild direkt daneben. ICh hoffe das hilft dir :D



    PS: ich arbeite selber noch nicht solange mit solchen Sachen, wenn ich etwas falsch gemacht habe weißt mich bitte darauf hin




  13. swissman schrieb:
    Das Hochladen hat sich erledigt. Ich weiss zwar nicht weshalb, aber das <img>-TAG muss auf derselben Zeile stehen wie <td></td>:
    <table style=\\\'border: 1px #101010 solid;\\\' cellpadding=\\\'0\\\' cellspacing=\\\'0\\\'>
     <tr>
     <td><img src=\\\'images/foto_001.jpg\\\'></td>
     </tr>
    </table>


    Vielen Dank für eure Mühe.


    sein Problem hat sich doch schon erledigt, wieso postet ihr alle noch? :lol:
  14. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!