1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

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

Dieses Thema im Forum "Web-Design" wurde erstellt von Tim99, 05.01.2005.

  1. Tim99

    Tim99 Thread Starter MacUser 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>
     
  2. Tim99

    Tim99 Thread Starter MacUser 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?
     
  3. 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
     
  4. 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; }

    :)
     
  5. Tim99

    Tim99 Thread Starter MacUser Mitglied

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

    ben-pen MacUser Mitglied

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

    joachim14 MacUser Mitglied

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

    ben-pen MacUser Mitglied

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

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

    Danke
     
  9. ThaHammer

    ThaHammer MacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    Poste mal etwas Quelltext, denke da haste nur irgendwo den Wurm drin.