Einzelne Menüpunkte durch runde Punkte trennen

  • Hallo,
    ich würde gern die einzelnen Menü-Links durch runde Punkte trennen.
    Hier die Seite:
    http://www.bankhelfer.de/test/
    Zwischen Ratgeber Kredit und Ratgeber Girokonto soll ein kleiner, runder Punkt.
    Und zwischen Ratgeber Girokonto und Ratgeber Banken soll ein kleiner, runder Punkt.
    Ich hoffe jemand kann helfen.
    Beste Grüße

  • Hallo

    Du kannst folgendes CSS hinzufügen:

    Code
    .easy-tabs-nav.tabs-nav li:nth-child(1n+2) a {
       padding-left: 0;
    }
    .easy-tabs-nav.tabs-nav li:nth-child(1n+2) a:before {
       content: "•";
       margin-right: 10px;
    }

    Zum Testen am Besten zunächst am Ende des Internen-CSS.

    Gruss

    MrMurphy

  • Hey MrMurphy,

    1000 Dank für den tollen Tipp!
    Es funktioniert, das einzige Problem ist nur, dass er den Punkt als Sonderzeichen nicht erkennt.
    Hast du da noch einen Tipp?

    Beste Grüße und vielen Dank!

  • Hallo

    Es kann sein dass der Umweg über den Quellcode des Forums nicht funktioniert.

    Ich habe von der folgenden Seite das dritte Zeichen in der dritten Seite direkt markiert und kopiert:

    https://www.key-shortcut.com/zeichentabelle…-tabelle-2.html

    Mit einem Windows-Rechner kannst du auch die Alt-Taste gedrückt halten und dabei gleichzeitig auf dem Ziffernblock 0149 tippen (Windows-Shortcut). Dann erscheint auch ein Punkt. Wenn er dir nicht gefällt kannst du auch nach anderen suchen, es gibt verschiedene.

    Mögliche Windows-Shortcuts findest du unter

    https://www.key-shortcut.com/html-entities/alle-entitaeten/

    Windows-Shortcuts eignen sich auch für Zeichen, die über die Tastatur nicht erreichbar sind und häufiger benötigt werden. Ich verwende zum Beispiel häufig das geschützte Leerzeichen (Alt+255) damit Einheiten wie Euro oder kg immer in der gleichen Zeile bleiben.

    Gruss

    MrMurphy

    2 Mal editiert, zuletzt von MrMurphy (16. Juni 2016 um 19:15)

  • Nimm mal den hier content: "\2981"; Der ist etwas größer.
    Oder du nimmst ein Stern. content: "\2605";

    Einmal editiert, zuletzt von djheke (17. Juni 2016 um 11:02)