Der heilige Martin: Header neu gestalten

Beitrag lesen

Und wo wir gerade dabei sind:

Die gruselige Navigationstabelle mit Genuss in die Tonne treten (mitsamt dem jetzt noch einsameren <br> danach) und durch dieses ersetzen:

<nav>
    <ol>
        <li class="at rahmen"><a href="html/auswahl_at.htm">Altes Testament</a></li>
        <li class="nt rahmen"><a href="html/auswahl_nt.htm">Neues Testament</a></li>
        <li class="st rahmen"><a href="html/auswahl_sonstiges.htm">Sonstiges</a></li>
    </ol>
</nav>

Dazu diese Gestaltung:

nav ol {
    list-style-type: none;
    margin: 1em auto;
    padding: 0;
}
nav li {
    font-size: larger;
    font-weight: bold;
    text-align: center;
    padding: 0.33em 0;
    margin: 0.1em 0;
}
nav .at {
    background-color: rgb(150, 191, 217);
}
nav .nt {
    background-color: rgb(217, 187, 150);
}
nav .st {
    background-color: rgb(184, 184, 184);
}

(Die Farben in .at, .nt und .st könnte man durch CSS-Variablen ersetzen, falls sie auf den Unterseiten auch noch anderweitig Verwendung finden, aber das habe ich mir jetzt gespart.)

PS: Wieso erscheint eigentlich jedesmal, wenn man hier im Forum einen Doppelpunkt eintippt, so eine alberne Bilderliste? Es nervt ein wenig.

0 76

Header neu gestalten

Holger H.
  • html
  1. 0
    marctrix
    1. 0
      AudioBibel
      1. 0
        Der Martin
        1. 0
          AudioBibel
          1. 0
            Der Martin
            • grafik
            • html
          2. 2
            Rolf B
            1. 0
              marctrix
              1. 0
                Rolf B
              2. 0
                AudioBibel
                1. 0
                  marctrix
                  1. 0
                    Auge
                    • software
                    1. 0
                      AudioBibel
                      1. 1
                        Rolf B
                        1. 0
                          AudioBibel
                          1. 1
                            Rolf B
                            1. 1
                              Der heilige Martin
                              1. 1
                                Rolf B
                            2. 0
                              AudioBibel
                              1. 2
                                Gunnar Bittersmann
                                • html
                                • javascript
                                1. 0
                                  Rolf B
                                  1. 0
                                    marctrix
                                2. 0
                                  kai345
                                  1. 0
                                    Gunnar Bittersmann
                                3. 0
                                  AudioBibel
                            3. 0
                              AudioBibel
                              1. 0
                                marctrix
                                1. 0
                                  Rolf B
                                  1. 0
                                    Gunnar Bittersmann
                                    • barrierefreiheit
                                  2. 0
                                    marctrix
                                    1. 0
                                      Rolf B
                                      1. 0
                                        marctrix
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Auge
                                            • gesellschaft
                                            • sprache
                                            1. 0
                                              Matthias Apsel
                                              • menschelei
                                            2. 0
                                              Der Martin
                                              1. 0
                                                Auge
                                            3. 0
                                              Rolf B
                                              1. 2
                                                AudioBibel
                                                1. 0
                                                  Matthias Apsel
                                                  1. 1
                                                    Der Martin
                                                    1. 0
                                                      Matthias Apsel
                                                      1. 0
                                                        Der Martin
                                                        1. 0
                                                          Matthias Apsel
                                                          1. 0
                                                            Rolf B
                                                            1. 1
                                                              Matthias Apsel
                                                              1. 0
                                                                Rolf B
                                                2. 1
                                                  marctrix
                                          2. 0
                                            marctrix
                                            • humor
                  2. 0
                    AudioBibel
                    1. 0
                      Matthias Apsel
                      1. 0
                        AudioBibel
                        1. 1
                          marctrix
                    2. 0
                      Rolf B
            2. 0
              AudioBibel
              1. 0
                Rolf B
                1. 0
                  AudioBibel
                  1. 0
                    Rolf B
                    1. 0
                      AudioBibel
                      1. 0
                        Rolf B
                        1. 0
                          AudioBibel
                      2. 0
                        marctrix
          3. 0
            Gunnar Bittersmann
            • grafik
  2. 0
    Der heilige Martin
    1. 0
      Rolf B
    2. 0
      Der heilige Martin
    3. 0
      Der heilige Martin
      1. 0
        Tabellenkalk
    4. 0
      MudGuard
      1. 0
        Der heilige Martin
      2. 0
        AudioBibel
    5. 0
      AudioBibel
      1. 0
        marctrix
      2. 0
        marctrix
        1. 0
          Gunnar Bittersmann
          • grafik
          1. 0
            marctrix