Liste funktioniert nicht <li>

1. offizieller Beitrag

    Hallo Leute,
    ich hoffe es kann mir jemand helfen, habe mich schon ewig nicht mehr mit HTML und CSS beschäftigt.

    Meine Seite enthält mitlerweile nur noch eine Liste mit Bildern, die eigentlich mal zur einer Bildlaufleiste umfunktioniert werden sollen. Wie die Liste im HTML beschrieben ist seht ihr weiter unten. Im CSS-Code steht auch nur noch das die Listenpunkte entfernt werden sollen.

    Zum Problem:
    Das Bild wird im gewünschten Format angezeigt, allerdingt ist unter dem Bild immer ein schmaler weißer Streifen dran. Der muss weg, aber ich weiß nicht wie. Habe schon hin und her probiert, aber ich krieg ihn nicht weg. Ich habe mal ein Bild mit angehangen, damit es verständlich wird. Dieser Streifen muss irgendwas mit dem <li> zu tun haben.


    <div id="slide">

    <!-- die einzelnen Slides, hier als Liste angelegt -->
    <ul class="slidebilder">
    <li><img src="_img/bild1.png" alt=""></li>
    <li><img src="_img/bild2.png" alt=""></li>
    <li><img src="_img/bild3.png" alt=""></li>
    <li><img src="_img/bild4.png" alt=""></li>
    </ul>
    </div>


    Ich hoffe es kann mir jemand helfen, werd hier noch irre.

    Liebe Grüße
    neu_hier

    Nein das liegt nicht an den li
    das ist Normal bei Inline Elementen.. was ein img ja ist.
    ..das ist der Raum den Normalerweise so Buchstaben wie g j usw. nach unten einnehmen.

    Du kannst es nur verhindern wenn Du die Bilder float (en) läst.
    oder setze für die img (s) margin: -4px; bzw. margin-bottom: -4px;

    es gibt auch noch andere Möglichkeiten dafür .. aber denke so ist es am einfachsten

    hoffe das wars was Du wolltest u hilft..
    Gruß aus Hamburg

    Einmal editiert, zuletzt von modem-kind (4. Februar 2016 um 21:36)

    • Offizieller Beitrag

    display:block eher nicht, wenn das folgen soll:

    Zitat

    Meine Seite enthält mitlerweile nur noch eine Liste mit Bildern, die eigentlich mal zur einer Bildlaufleiste umfunktioniert werden sollen.

    Ich denke, damit ist eine Art Slider gemeint.
    Ich würde mich damit nicht großartig belasten, denn wenn der Slider draufgeflanscht ist, ist das Problem meistens schon aus der Welt, denn der floatet die Bilder, wie von modem-kind angesprochen.

    Was die Abstände betrifft, handelt es sich übrigens um das Rendering im Browser.
    Schreib mal die LI's alle in einer Zeile weg und schau, was passiert.
    ;)

    Gruß Arne