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

  1. Tim99

    Tim99 Thread StarterMacUser Mitglied

    Mitglied seit:
    18.02.2004
    Beiträge:
    1.494
    Zustimmungen:
    6
    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>
     
    Tim99, 05.01.2005
  2. RETRAX

    RETRAX

    RETRAX, 05.01.2005
  3. Tim99

    Tim99 Thread StarterMacUser Mitglied

    Mitglied seit:
    18.02.2004
    Beiträge:
    1.494
    Zustimmungen:
    6
    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?
     
    Tim99, 05.01.2005
  4. RETRAX

    RETRAX

    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
     
    RETRAX, 05.01.2005
  5. HAL

    HAL

    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 StarterMacUser Mitglied

    Mitglied seit:
    18.02.2004
    Beiträge:
    1.494
    Zustimmungen:
    6
    Danke. Perfekt!
     
    Tim99, 05.01.2005
  7. ben-pen

    ben-penMacUser Mitglied

    Mitglied seit:
    26.08.2005
    Beiträge:
    1.380
    Zustimmungen:
    8
    bei mir klappt das überhaupt nicht. hab alles versucht, die einrückung will nicht verschwinden. Kann mir jemand helfen?
     
    ben-pen, 24.08.2006
  8. joachim14

    joachim14MacUser Mitglied

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

    ben-penMacUser Mitglied

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

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

    Danke
     
    ben-pen, 24.08.2006
  10. ThaHammer

    ThaHammerMacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    Poste mal etwas Quelltext, denke da haste nur irgendwo den Wurm drin.
     
    ThaHammer, 24.08.2006
Die Seite wird geladen...
Ähnliche Themen - Einzug <li>< li>
  1. Saugkraft
    Antworten:
    5
    Aufrufe:
    675
    Saugkraft
    07.10.2014
  2. tomasu
    Antworten:
    3
    Aufrufe:
    745