Ankündigung

Einklappen
Keine Ankündigung bisher.

Zelle mit Bild

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Zelle mit Bild

    Folgendes:

    Code:
    <table cellpadding="0" cellspacing="0" style="width:100%; border:1px solid #000000;">
        <tr>
          <td style="vertical-align:top; border-right:1px solid #000000; text-align:center;">
            [img]bild.jpg[/img]
          </td>
          <td style="vertical-align:top; padding:6px; width:100%;">
            <h1>Ueberschrift1</h1>
            <h2>Ueberschrift2</h2>
          </tr>
        </tr>
      </table>
    Es ist eine Überschrift zu einem Artikel, rechts soll der Titel sein und links ein bild. Um das ganze soll ein Rand sein. Das klappt auch ganz gut mit dem Code (warum auch nicht), nur ist unter dem Bild immer etwa eine 1 Pixel hohe Lücke, obwohl der Rand natürlich an das Bild anschließen soll. Wie bekomm ich den weg? und woran liegt der überhaupt

  • #2
    Nimm mal die Zeilenumbrüche und Leerzeichen zwischen dem öffnenden bzw. dem schließenden td-Element und dem img-Element raus.

    Kommentar


    • #3
      Gemacht. Geändert hat sich im Bild aber nichts...

      Kommentar


      • #4
        Dann könntest du noch padding:0 und margin:0 für die td-Elemente setzen.

        Kommentar


        • #5
          Code:
          [img]bild.jpg[/img]</td>
          auf eine Zeile hauen, dann gehts!
          Diese Signatur wird bis auf weiteres Bestreikt!

          Kommentar


          • #6
            Zitat von cebe
            Code:
            [img]bild.jpg[/img]</td>
            auf eine Zeile hauen, dann gehts!
            s.o.

            Kommentar


            • #7
              Zitat von xabbuh
              s.o.
              Nid gelesen, mir ist nur gerade der Fehler aufgefallen und das hab ich gepostet.. wenn du so gut bist hilf mir lieber bei meinem JS problem^^
              Diese Signatur wird bis auf weiteres Bestreikt!

              Kommentar


              • #8
                Ja, aber es war ja offensichtlich nciht der Fehler, weil wenn ich das Ganze auf eine Zeile haue ändert das überhaupt nichts.
                Darauf bin ich nämlich auch gekommen und oben auch schon einer, aber wie ich schon gepostet habe, bringt es nichts, die leerstellen wegzulassen.

                Kommentar


                • #9
                  Was ist mit padding:0 und margin:0? Wenn das auch nichts bringt, poste bitte noch einmal deinen Quellcode.

                  Kommentar


                  • #10
                    Der Code ist:

                    PHP-Code:
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
                    >
                    <
                    html>
                    <
                    head>
                    <
                    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                    <
                    title>Testseite</title>
                    </
                    head>
                    <
                    body>

                      <
                    table cellspacing="0" cellpadding="0" style="background-color:#FFFF00; width:100%; margin:0px; padding:0px;">
                        <
                    tr>
                          <
                    td style="margin:0px; padding:0px;">[img]avatare/0.jpg[/img]</td>
                          <
                    td style="width:100%; margin:0px; padding:0px;">Blubb</td>
                        </
                    tr>
                      </
                    table>

                    </
                    body>
                    </
                    html
                    Was aber genau das gleiche ausgibt wie

                    PHP-Code:
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
                    >
                    <
                    html>
                    <
                    head>
                    <
                    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                    <
                    title>Testseite</title>
                    </
                    head>
                    <
                    body>

                    <
                    table cellspacing="0" cellpadding="0" style="background-color:#FFFF00; width:100%;">
                    <
                    tr>
                    <
                    td>[img]avatare/0.jpg[/img]</td>
                    <
                    td style="width:100%;">Blubb</td>
                    </
                    tr>
                    </
                    table>

                    </
                    body>
                    </
                    html
                    (also ohne das padding:0px; margin 0px

                    Die Tabelle ist ja nun Gelb und hat keine Umrandungen mehr.
                    Eigentlich soll sich das Gelb rechts an das Bild anfügen (das Bild ist so ca. 80 Pixel im Quadrat),
                    so dass oben, unten und links der weiße default Hintergrund zu sehen ist und rechts ein gelber
                    Bereich mit einem Text drin. Der Gelbe Bereich ist aber leider ein paar Pixel höher als das Bild,
                    was zur Folge hat, dass auch UNTER dem Bild noch ein kleiner Streifen Gelb ist, der da
                    nicht sein soll (oben kommt es hin).

                    Und nichts, was ich mache, hilft .

                    Kommentar


                    • #11
                      Zeig das Beispiel mal online.

                      Kommentar


                      • #12
                        Das Eine ist http://www.meervolk-angler.de/test.php, das Andere http://www.meervolk-angler.de/test2.php

                        Kommentar


                        • #13
                          Lass die Breiteangabe 100% in der rechten Spalte weg. Das kann so nicht funktionieren, da der linken Spalte so gar kein Platz mehr eingeräumt wird. Außerdem wird die gelbe Hintergrundfarbe die gesamte Tabelle definiert und betrifft somit sowohl die linke als auch die rechte Zelle.

                          Kommentar


                          • #14
                            Wie mache ich das denn sonst, dass die linke Zelle möglichst schmal (eben nur so schmal wie das Bild) und die rechte möglichst breit?

                            Kommentar


                            • #15
                              Der linken Zelle einfach die gleiche Breite wie dem Bild geben.

                              Kommentar

                              Lädt...
                              X