Navigation anpassen

  • Hallo Programmierer,


    ich habe eine Frage was das Layout der Navigation angeht.


    Hinter jeder Unterseite ist ein orangener Balken istalliert.


    Ich möchte ihn gerne nur zwischen den Seiten haben und nicht hinter jeder Unterseite (also ganz am Ende keinen Balken)



    bzw. am anfang auch einen - also nicht immer nur hinter den namen der unterseite.


    jeamnd einen vorschalg wie entweder der letzte link keinen balken folgen lässt oder vor dem ersten einer hinkommt?


    im CSS sieht es aktuell so aus:


    nav ul li a:after {
    content:" | ";
    color: #ffa323;
    margin-left: 20px;


    kann ich vielleicht hier die letze unterseite ausklammern?
    index.html:


    <nav id="navigation">
    <ul>


    <li><a href="index.html">Home</a></li>
    <li><a href="beratungsumfang.html">Beratungsumfang</a></li>
    <li><a href="ablauf.html">Prozesse</a></li>
    <li><a href="impressum.html">Impressum</a></li>
    </ul>


    Ich bin dankbar für Hilfe.


    Netten Gruß aus Clausthal-Zellerfeld

  • Dann auch hier geantwortet.

  • Hallo


    Ich würde das ganze mit Flexbox machen und dadurch zusätzlich das HTML und CSS weiter vereinfachen.


    Zu diesem HTML


    Code
    1. <nav>
    2. <a href="index.html">Home</a>
    3. <a href="beratungsumfang.html">Beratungsumfang</a>
    4. <a href="ablauf.html">Prozesse</a>
    5. <a href="impressum.html">Impressum</a>
    6. </nav>


    zum Beispiel dieses CSS



    Das CSS kann später auch problemlos zu einem Responsive Layout erweitert werden.


    Gruss


    MrMurphy