lousypoetry: Abstand zwischen Bildern

Hallo!

Ich hab vier Bilder und möchte, dass der Abstand zwischen ihnen Null ist,egal ob sie nun alle nebeneinander oder untereinander ausgerichtet sind. Ich hab es mit "margin" und "padding" probiert, aber irgendwie versteh ich das ganze nicht wirklich. Bezieht sich margin auf den Abstand zwischen zwei beliebigen Elementen und padding auf den Abstand zwischen zB Zelle und Text der darin steht? Und wieso muss dass Element von einem <div> eingeschlossen sein? :-/ Man sieht vielleicht, ich checks nicht wirklich...

--
life's for the living. so check me tomorrow [Matthew Good Band]
  1. Hallo.

    Man sieht vielleicht, ich checks nicht wirklich...

    Dein Verständnisproblem ist so prinzipieller Natur, dass es sich empfiehlt, dies in den gängigen Quellen wie SelfHTML nachzuschlagen.
    MfG, at

    1. Dein Verständnisproblem ist so prinzipieller Natur, dass es sich empfiehlt, dies in den gängigen Quellen wie SelfHTML nachzuschlagen.

      Dann versuch ichs mal etwas konkreter: sowie ich es in SelfHTML verstanden hab, muss ich für mein Vorhaben "margin" nehmen, da es sich ja nicht um einen Innenabstand handelt. Folgendes Script:

      <img src="bild1.jpg" width="10px" height="10px">
      <img src="bild2.jpg" width="10px" height="10px" style="margin-left:0px;">

      Folge: die Bilder werden untereinander ausgerichtet und haben den gleichen Abstand zum Bildschirmrand, was ja aber nicht mein Ziel ist. Wie bekomm ichs denn hin, dass sich das margin-left nicht auf den Bildschirmrand sondern auf das erste Bild bezieht? _Das_ check ich nicht  ;-)

      --
      life's for the living. so check me tomorrow [Matthew Good Band]
      1. Hi,

        Folgendes Script:

        wieso Script?

        <img src="bild1.jpg" width="10px" height="10px">
        <img src="bild2.jpg" width="10px" height="10px" style="margin-left:0px;">

        Folge: die Bilder werden untereinander ausgerichtet

        wieso? Sie sollten, wenn sie nicht generell display:block; formatiert sind, nebeneinander stehen und einen Abstand von einem Leerzeichen in der aktuellen Schriftgröße haben (durch den Umbruch im Quelltext).

        Wie bekomm ichs denn hin, dass sich das margin-left nicht auf den Bildschirmrand sondern auf das erste Bild bezieht?

        das bezieht sich doch auf den Abstand zum Bild. Versteh' ich nicht.

        Du kannst generell für alle Bilder img {margin:0;} setzen. Wenn Du nun Bilder nebeneinander platzierst, darfst Du keine Leerzeichen dazwischen setzen.

        freundliche Grüße
        Ingo

        1. Hi,

          Folgendes Script:
          wieso Script?

          Stimmt ist, keins. Liegt wohl an meinen vielen Fragen zum Thema JS. :)

          <img src="bild1.jpg" width="10px" height="10px">
          <img src="bild2.jpg" width="10px" height="10px" style="margin-left:0px;">

          Sie sollten, wenn sie nicht generell display:block; formatiert sind, nebeneinander stehen und einen Abstand von einem Leerzeichen in der aktuellen Schriftgröße haben (durch den Umbruch im Quelltext).

          ahso, ich wusste nicht, dass durch den Umbruch im Quelltext dann für den Browser ein Leerzeichen entsteht, aber jetzt leuchtet's mir natürlich auch ein. :)

          Danke für die Hilfe! :)

          --
          life's for the living. so check me tomorrow [Matthew Good Band]