Martin Hein: Bild erzeugt Abstand

Hallo Forum,

bei dieser Notation erzeugt das Bild einen Abstand:

<div id="logo" style="border:1px solid blue;">
    <img src="/_global/images/header/logo.gif" width="196" height="34" alt="Das Logo" border="0" />
   </div>

Selbst wenn ich explizit 'padding-bottom:0px' innerhalb der div
oder margin-bottom:0px; im img-tag angebe. verweiden kann ich die
erzeugung des abstands nur durch:

<div id="logo" style="border:1px solid blue;"><img src="/_global/images/header/logo.gif" width="196" height="34" alt="Das Logo" border="0" /></div>

Kann ich das irgendwie umgehen ?

danke für euere tipps und
schoene gruesse,
martin

  1. Also wenn ich nicht völlig blind bin ist bei dem zweiten Codebeispiel nichts verändert, außer dass du alles in eine Zeile geschrieben hast, oder? Benutzt du einen bestimmten HTML-Editor?
    Wenn das Div nur dieses Bild beinhaltet könntest du es z.B. auch einfach als Hintergrundgrafik einbinden.

  2. Kann ich das irgendwie umgehen ?

    Setze ein display:block für das Bild, dann sollte dein div-Container drumrum nicht mehr benötigt werden.

    Viele Grüße!
    _ds

    --
    [Junimond] Das goldene Cover einer jeden Band bestand für Echt aus Ton, Steinen und Scherben.
    Top 5-Blog, Denn das ist Echt.
  3. Hi Martin!

    Kann ich das irgendwie umgehen ?

    https://forum.selfhtml.org/?t=147869&m=959091

    Wenn du sowieso keinen Abstand um das Bild haben möchtest, wieso weist du ihm nicht den Rahmen zu und lässt das Div-Element weg?

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
  4. Hallo Leute,

    danke für die Anregungen. Ich werde das Bild jetzt einfach anders
    schneiden. Dann passt's ;)

    schöne Grüsse,
    martin

    1. danke für die Anregungen. Ich werde das Bild jetzt einfach anders
      schneiden. Dann passt's ;)

      Damit packst du das Problem aber nicht an der Wurzel und wirst in der nächsten Situation, in der dieser typische Abstand unterm Bild störend vorkommen wird, wieder vor dem gleichen Problem stehen.

      Hast du display:block probiert?

      Viele Grüße!
      _ds

      --
      Große Kommunikationstalente lauern oft im Bus.
      Das kleine Seitenschwein, 5-W-Regel
      1. Here we go. Da ist es wieder. Das Problem ;)

        ich probier' mal ...

      2. Hi,

        ich denke, dass ich den Div-Container drum herum brauche,
        da steht nämlich eingentlich noch mehr drin. In HTML-Tabellen-
        Zeilen kann man den Abstand dadurch umgehen, dass man ...></td>
        notiert. Das war mein erster Ansatz und es funktioniert auch
        mit IE. Aber da das ja nunmal das Gegenteil von einem Standard
        ist, frag ich mich, wie man das bei vernünftigen Browsern
        erreicht. Nur dadurch, dass ich das div weglasse ?

        besten Dank und
        vielen Gruesse,
        Martin