Einzug für <li></li> per css verringern?

Diskutiere mit über: Einzug für <li></li> per css verringern? im Web Page Design Forum

  1. Tim99

    Tim99 Thread Starter MacUser Mitglied

    Beiträge:
    1.498
    Zustimmungen:
    6
    Registriert seit:
    18.02.2004
    Hallo,

    ich würde gerne den Einzug verringern. Weiss jemand, ob das per css möglich ist? Der Code sieht momentan so aus:
    Code:
    <ul class=menu>
      <li><a class=menulink href=link1>Link1</a></li>
      <li><a class=menulink href=link2>Link2</a></li>
      <li><a class=menulink href=link3>Link3</a></li>
    </ul>
     
  2. RETRAX

    RETRAX Gast

  3. Tim99

    Tim99 Thread Starter MacUser Mitglied

    Beiträge:
    1.498
    Zustimmungen:
    6
    Registriert seit:
    18.02.2004
    Danke. Mit den Befehlen komm ich leider nicht weiter. Meine CSS Datei sieht an dieser Stelle so aus:
    Code:
    UL.menu
    {
    list-style-type: disc;
    list-style-position: outside;
    }
    "outside" rückt die "disc" schon nach außen. Aber leider noch nicht weit genug. Gibts da vielleicht noch einen Trick?
     
  4. RETRAX

    RETRAX Gast

    Der Abstand wird mit "margin" und "padding" geregelt. Hast du es schonmal damit versucht?

    z.b. so:

    Code:
    #naviartikel {padding:0; margin:0;}
    

    Gruss

    Retrax
     
    Zuletzt von einem Moderator bearbeitet: 05.01.2005
  5. HAL

    HAL Gast

    Eine Formatierung der Listenelemente li im Stylesheet bringt nichts,
    die Browser spendieren den Einzug nicht dem li-Element, sondern
    dem ul- oder ol-Element.

    Wie sollte es auch anders sein: Internet Explorer hält die Liste durch
    margin-left auf Abstand vom linken Rand, Mozilla/Netscape benutzt
    padding-left. Werden margin-left (für IE) und padding-left (für Mozilla
    & Co.) im Stylesheet auf 0 gesetzt, schießen beide im gleichen Maße
    über das Ziel hinaus.

    Lösung: Mit einem halben "em" schließlich rückt man die Liste bündig an
    den linken Rand:

    ul { margin-left: 0.5em; padding-left: 0.5em; }

    :)
     
  6. Tim99

    Tim99 Thread Starter MacUser Mitglied

    Beiträge:
    1.498
    Zustimmungen:
    6
    Registriert seit:
    18.02.2004
    Danke. Perfekt!
     
  7. ben-pen

    ben-pen MacUser Mitglied

    Beiträge:
    1.374
    Zustimmungen:
    8
    Registriert seit:
    26.08.2005
    bei mir klappt das überhaupt nicht. hab alles versucht, die einrückung will nicht verschwinden. Kann mir jemand helfen?
     
  8. joachim14

    joachim14 MacUser Mitglied

    Beiträge:
    7.295
    Zustimmungen:
    433
    Registriert seit:
    08.02.2005
    ???
    Wenn Du schon alles versucht hast ...
    Vielleicht doch ein neuer Thread?
     
  9. ben-pen

    ben-pen MacUser Mitglied

    Beiträge:
    1.374
    Zustimmungen:
    8
    Registriert seit:
    26.08.2005
    Neue Threads sind hier doch nicht sehr willkommen ;) -Erfahrung-

    Es hat sich aber nach stundenlangen Versuchen erledigt es hat geklappt.

    Danke
     
  10. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    Registriert seit:
    01.06.2004
    Poste mal etwas Quelltext, denke da haste nur irgendwo den Wurm drin.
     
Die Seite wird geladen...
Ähnliche Themen - Einzug <li>< li> Forum Datum
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
li style in CSS Web Page Design 10.06.2011

Diese Seite empfehlen

Benutzerdefinierte Suche