Ergebnis 1 bis 4 von 4

Thema: Liste funktioniert nicht <li>

  1. #1
    HTML Newbie
    Registriert seit
    04.02.2016
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Liste funktioniert nicht <li>

    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Interessierte/r
    Registriert seit
    05.01.2016
    Beiträge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: Liste funktioniert nicht <li>

    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
    Geändert von modem-kind (04.02.2016 um 22:36 Uhr)

  3. #3
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Liste funktioniert nicht <li>

    Ein display:block für img ist völlig ausreichend.

  4. #4
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.236
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Liste funktioniert nicht <li>

    display:block eher nicht, wenn das folgen soll:
    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

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 14.10.2010, 20:38
  2. Seite funktioniert und funktioniert nicht
    Von parcifal83 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 24.05.2010, 15:24
  3. Navigation: Liste oder nicht Liste?
    Von Macrosdesign im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 23.07.2009, 13:42
  4. Liste nicht valide
    Von sero79 im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 07.06.2008, 00:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •