manuel_01: Bild in div mit Border -> Abstand unten soll weg

Hallo Forum

ich hoffe, kann jemand von euch einen Tip geben, da ich selber nicht mehr weiter weiß.
Es ist so, dass ich einen div-container habe mit Bild drin

<div class="bordertest"><img src="bild.jpg" width="100" height="50" /></div>

.bordertest {  
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;  
	border:1px solid #cccccc;	  
}  
img{  
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;	  
}

Mein Problem ist, dass sich zwischen dem Bild und dem unteren Border des divs ein Abstand bildet von ca. 3pixeln.. und ich weiß nicht woher diese kommen bzw. wie ich das wegbekomme?

Vielen Dank für jeden Tip...

  1. Hallo,

    Es ist so, dass ich einen div-container habe mit Bild drin

    <div class="bordertest"><img src="bild.jpg" width="100" height="50" /></div>

    .bordertest {

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border:1px solid #cccccc;
    }
    img{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    [ref:self812;css/eigenschaften/ausrichtung.htm#vertical_align@title=vertical-align]: bottom;

    }

      
    
    > Mein Problem ist, dass sich zwischen dem Bild und dem unteren Border des divs ein Abstand bildet von ca. 3pixeln.. und ich weiß nicht woher diese kommen  
      
    Platz für Unterlängen (zum Beispiel beim "g").  
      
    
    > bzw. wie ich das wegbekomme?  
      
    vertical-align ist Dein Freund (s.o.)  
      
      
    Freundliche Grüße  
      
    Vinzenz
    
    1. Ganz vielen Dank!
      Jetzt klappt es. :)

  2. Hi,

    <div class="bordertest"><img src="bild.jpg" width="100" height="50" /></div>

    die Erklärung für den Anstand hast du ja von Vinzenz schon bekommen.

    Allerdings frage ich mich angesichts deines Codebeispiels, wozu du überhaupt das div-Element brauchst. Ein div ist ein neutrales Blockelement; seine Aufgabe ist es, andere Elemente zu einem Block zu gruppieren. Ein div-Element mit nur einem Kindelement gruppiert aber nichts, es ist daher sinnfrei.

    Die gewünschten Formatierungen kannst du ebensogut direkt auf das img-Element anwenden.

    Ciao,
     Martin

    --
    Was zählen eigentlich Schäfchen, wenn sie nicht einschlafen können?
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    1. Hallo,

      die Erklärung für den Anstand ...

      oh mann, "b" und "n" liegen aber auch verdammt dicht beieinander! ;-)
      Den Fehler hätte aber auch keine Rechtschreibprüfung gefunden - vorausgesetzt, man würde sie überhaupt benutzen.

      So long,
       Martin

      --
      Was ist sieben mal Sieben? Ganz, ganz feiner Sand.
      Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
      1. Hallo,

        die Erklärung für den Anstand ...
        Den Fehler hätte aber auch keine Rechtschreibprüfung gefunden - vorausgesetzt, man würde sie überhaupt benutzen.

        ist halt 'ne anständige Rechtschreibprüfung :-)

        Freundliche Grüße

        Vinzenz

    2. 'ǝɯɐu$ ıɥ

      die Erklärung für den Anstand hast du ja von Vinzenz schon bekommen.

      Ich finde ja das wer keinen Anstand hat zumindest Abstand halten sollte...

      ssnɹƃ
      ʍopɐɥs

      --
      Gestern noch zu blöd, den Computer einzuschalten,
      heute schon die eigene Homepage.