Auge: IDs für Überschriften

Beitrag lesen

Hallo

In diesem Zusammenhang finde ich zwei andere Fragen interessant:

Ich hänge noch eine an: Was haltet ihr von folgender Konstruktion ...

jaja, keine Selbstgespräche ... ;-)

<h1 id="top">Foo</h1>

<ul>
  <li><a href="#abschnitt_bar">Bar</a></li>
  <li><a href="#abschnitt_baz">Baz</a></li>
</ul>
<h2 id="abschnitt_bar">Bar</h2>
<p><a href="#top">zur Übersicht</a></p>
<p>Lorem ipsum dolor sit amet</p>

  
In etwa so würde ich sowohl den HTML-Quelltext als auch die IDs (u.A. darum ging es ja im Thread ursprünglich) auch aufbauen.  
  

> ... in Kombination mit folgendem CSS?  
>   
> ~~~css

h2 + p { visibility: hidden; }  

> h2:target + p { visibility: visible; }

Nachguck, was '+' tut, ... ahh, es selektiert das dem Element direkt folgende Element, hier also den Absatz mit dem zurück-Link.

Ich betätige mich mal als Advocatus Diaboli.

Frage 1: Warum wird der Absatz ausgeblendet? Einerseits wird der Platz, den der Absatz beansprucht, freigehalten, andererseits ist es nicht das Sprungziel ansich, das da manipuliert wird.

Frage 2: Wenn der Sprung vom Browser ausgeführt wird, und das Dokument zum Ziel hin zentriert wird (egal ob es jetzt am oberen Rand des Viewports landet), ist dann der Absatz beim Erscheinen am Ziel schon sichtbar? Sprich: Bekommt der Benutzer etwas von der Änderung der Eigenschaft mit und wenn nicht, warum findet sie dann statt?

Etwas in der Art fände ich schlüssiger (Werte willkürlich gewählt):
h2:target { background-color:#ff8; font-style:italic; }

Tschö, Auge

--
Die deutschen Interessen werden am Liechtenstein verteidigt.
Veranstaltungsdatenbank Vdb 0.2
0 148

Wieviel ist zuviel des guten?

Malcolm Beck´s
  • barrierefreiheit
  1. 0
    Kai345
    1. 0
      Malcolm Beck´s
      1. 0
        Kai345
        1. 0

          Wieviel ist zuviel des guten? Soweit geklärt.

          Malcolm Beck´s
  2. 0
    Hans
    1. 0
      Malcolm Beck´s
      1. 0
        Hans
        1. 0
          Malcolm Beck´s
          1. 0
            Auge
            1. 0
              Malcolm Beck´s
          2. 0
            at
            1. 0
              Malcolm Beck´s
              1. 0
                at
        2. 3
          molily
          1. 0
            Tim Tepaße
    2. 1
      at
  3. 0
    Beat
    1. 0
      Malcolm Beck´s
      1. 0
        Kai345
        1. 0
          Malcolm Beck´s
          1. 0
            MudGuard
            1. 0
              Malcolm Beck´s
      2. 0
        Beat
        1. 0
          Malcolm Beck´s
          1. 0
            Beat
            1. 0
              Kai345
              1. 0
                Malcolm Beck´s
            2. 2
              Auge
  4. 0
    hotti
    1. 0
      Malcolm Beck´s
  5. 2
    molily
    1. 0
      Malcolm Beck´s
      1. 0
        at
  6. 0
    Cyx23
    1. 0
      Malcolm Beck´s
      1. 0
        at
        1. 0
          Cyx23
          1. 0
            Beat
            1. 0
              Cyx23
              1. 0
                at
          2. 0
            at
            1. 0
              Cyx23
              1. 0
                at
                1. 0
                  Cyx23
                  1. 0
                    at
                    1. 0
                      Cyx23
                      1. 0
                        Beat
                        1. 0
                          Cyx23
                      2. 0
                        at
  7. 3
    at
    1. 0
      Malcolm Beck´s
      1. 0
        Auge
        1. 0
          Malcolm Beck´s
          1. 0
            Auge
            1. 0
              Malcolm Beck´s
      2. 0
        at
        1. 0
          at
          1. 0
            Malcolm Beck´s
        2. 0
          Malcolm Beck´s
          1. 0
            at
            1. 0
              Malcolm Beck´s
              1. 0
                at
                1. 0
                  Malcolm Beck´s
                  1. 0
                    at
  8. 0

    IDs für Überschriften

    Malcolm Beck´s
    1. 0
      Kai345
    2. 0
      at
      1. 0
        Malcolm Beck´s
        1. 0
          Beat
          1. 0
            Malcolm Beck´s
        2. 1
          at
          1. 0
            Malcolm Beck´s
            1. 0
              at
              1. 0
                Malcolm Beck´s
                1. 0
                  at
    3. 0
      Beat
      1. 0
        Auge
      2. 0
        Malcolm Beck´s
        1. 0
          Auge
          1. 0
            at
            1. 0
              Auge
              1. 0
                at
                1. 0
                  Beat
                  1. 0
                    at
                    1. 0
                      Beat
                      1. 0
                        at
                        1. 0
                          Beat
                          1. 0
                            at
                2. 0
                  Auge
                  1. 0
                    at
                    1. 0
                      Auge
                      1. 0
                        at
            2. 0
              at
              1. 0

                Target für Popups

                Beat
                1. 0
                  at
                  1. 0
                    Beat
                    1. 0
                      at
                    2. 0

                      Sprachauswahl

                      Gunnar Bittersmann
                      1. 0
                        Beat
                        1. 0
                          at
                          1. 0
                            Beat
                            1. 0
                              at
                              1. 0
                                Beat
                        2. 0
                          Gunnar Bittersmann
              2. 0
                Auge
                1. 0
                  at
                  1. 0
                    Auge
                    1. 0
                      Patrick Andrieu
                      1. 0
                        at
                    2. 0
                      at
            3. 0
              Malcolm Beck´s
              1. 0
                at
                1. 0
                  Malcolm Beck´s
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    at
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        at
          2. 0
            Malcolm Beck´s
            1. 0
              Auge
              1. 0

                Minus im String? Wer will das sehen?

                Kai345
                • menschelei
                1. 0
                  at
        2. 0
          Gunnar Bittersmann
  9. 0

    Zusammenfassung

    Malcolm Beck´s
    1. 0
      Beat
      1. 0
        Malcolm Beck´s
        1. 0
          Beat
      2. 0
        at
    2. 0
      at
      1. 0
        Malcolm Beck´s
        1. 0
          Gunnar Bittersmann
          1. 0
            Malcolm Beck´s
        2. 0
          at
          1. 0
            Malcolm Beck´s
            1. 0
              at
              1. 0
                Malcolm Beck´s
                1. 0
                  at
                  1. 0
                    Malcolm Beck´s
                    1. 0
                      at
                      1. 0
                        Malcolm Beck´s
    3. 0
      Gunnar Bittersmann
      1. 0
        Malcolm Beck´s
        1. 0
          at
          1. 0
            Malcolm Beck´s
            1. 0
              at
              1. 0
                Malcolm Beck´s
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Malcolm Beck´s