JPL: XHTML und NAV - Fehlermeldung bei W3C

Beitrag lesen

Aloha :-)

Ich habe links das fragliche label-Element ausgewählt und auf hover gestellt. Was zeigt Chrome mir rechts an: Bisher hatte das label ein Hintergrundbild ("../menue/amiga/normal.png") und jetzt, durch das hovern, wurde diese Regel überschrieben. Durch das hovern bekommt das label nämlich "background:#000000;".

Okay, daß haben wir ja auch schon ohne Entwicklerwerkzeug vermutet bzw. eigentlich gewußt, da wir den Effekt ja sehen konnten :) ;-)

No blame - selbst ich hätte das nicht unbedingt vorausgesehen. Dass das eine spezifischer ist als das andere ist hier nicht ganz selbsterklärlich, es ist aber so. Denn ein label unterhalb eines ganz spezifisch per ID eingegrenzten Element ist halt nunmal spezifischer als ein label mit Klasse .amiga, dass theoretisch im Quellcode zigmal an unterschiedlichsten Stellen vorkommen kann. Siehe dazu auch meine Definition von Spezifität im Off-Topic-Teil dieses Threads... Also, no blame, aber das betont, warum ich immer wieder die Verwendung von Entwicklertools predige. Denn DAS ist ein Fehler, den du als Programmierer in mehreren hundert Zeilen CSS nicht findest. In den Entwicklertools wird das Problem aber schnell offensichtlich.

Hm... ehrlich (!) gesagt... wenn ich manchmal AUS VERSEHEN (weil es wieder schnell gehen mußte), aus versehen bei RECHTSKLICK "Element untersuchen" geklickt habe und dieses Fenster aufging, habe ich immer geflucht, warum so eine komische Ansicht überhaupt existiert, denn wer sollte sowas schon ansehen wollen... :-D

... so kann man sich irren.

Jetzt, wo ich durch deine Ausführungen weiß, was man damit machen kann, mit diesem Werkzeug, konnte ich auch auf dem FF das HOVER Problem nachstellen, also in der Hinsicht, dass ich sehen kann, was genau auf welche Ebene ausgeführt wird.
:)

Ich frage mich, warum du überhaupt Text als Hintergrund einbindest. Wahrscheinlich wegen der Schriftart? Schonmal drangedacht, was Menschen tun, die die Bilder nicht sehen können (weil sie blind sind oder weil die Bilder nicht geladen wurden)? Hättest du ein <img> ginge das ja noch, da gibts wenigstens den alt-Text. So stehen diese Menschen vor einer Liste ohne Text und fragen sich: Was soll ich damit?

Ganz einfach: weil ich diese Schriftart supertoll finde...
... und ehrlich gesagt HTML/CSS um 1996 gelernt habe, als es keine schönen Schriftarten gab und man wenigsten Menüs durch Grafiken schöner darstellen konnte...

Die Lösung: Machs so wie bei deinen Unterpunkten auch: Nimm den Navigationstext in das Element rein (hier ins label, wo jetzt nur &nbsp; steht). Der Hintergrund kann dann je nach hover oder nicht eine andere Farbe haben. Hat auch den Vorteil, dass du dir die ganzen Bilder für alle einzelnen Navigationspunkte sparen kannst. Die Schriftart legst du fest, wie man Schriftarten in CSS eben einbindet. Ganz einfach und unkompliziert für dich gehts mit Google Fonts.

...und ich bis jetzt diese Seite nicht kannte.
Wow, was es heutzutage alles für Sachen gibt... ja, die Grafiken fliegen am Wochenende raus und es wird ein schöner Schriftsatz gewählt.
:-)

Soviel "a"s hat meine Tastatur gar nicht, um für diese ganzen Hinweise DAAAAAAAAAANKE zu sagen.
:)

Gruß
Jochen

0 78

XHTML und NAV - Fehlermeldung bei W3C

JPL
  • html
  1. 0
    1UnitedPower
    1. 0
      JPL
      1. 0
        1UnitedPower
  2. 0
    Matthias Apsel
    1. 0
      JPL
      1. 0
        dedlfix
      2. 0
        Gunnar Bittersmann
        1. 0
          JPL
          1. 0
            Camping_RIDER
            1. 0
              JPL_2
              1. 0
                Camping_RIDER
                1. 0
                  JPL_2
                  1. 0
                    Camping_RIDER
                    1. 0
                      JPL_2
                      1. 0
                        Camping_RIDER
                        1. 0
                          Matthias Apsel
                          1. 0
                            Camping_RIDER
                            1. 0
                              Matthias Apsel
                              1. 0

                                Designschwäche

                                Camping_RIDER
                                • meinung
                                1. 0
                                  Matthias Apsel
                                  1. 0
                                    Camping_RIDER
                                    1. 0

                                      Denkfehler

                                      Camping_RIDER
                                      1. 0
                                        Matthias Apsel
                                        1. 0
                                          Camping_RIDER
                                          1. 0
                                            Camping_RIDER
                                    2. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Camping_RIDER
                                    3. 1
                                      Gunnar Bittersmann
                                      1. 0
                                        Camping_RIDER
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Camping_RIDER
                                            1. 0
                                              Gunnar Bittersmann
                        2. 0
                          Camping_RIDER
                          1. 0
                            Camping_RIDER
                          2. 0
                            JPL_2
                            1. 0
                              Camping_RIDER
                        3. 0
                          JPL_2
                          1. 0
                            Camping_RIDER
                            1. 0
                              JPL_2
                              1. 0
                                JPL
                                1. 0
                                  JPL
                              2. 1
                                Camping_RIDER
                                1. 0
                                  Matthias Apsel
                                  1. 0
                                    Camping_RIDER
                                2. 0
                                  JPL
                                3. 1
                                  Gunnar Bittersmann
                              3. 0
                                Camping_RIDER
                                1. 0
                                  JPL
                                  1. 0
                                    Camping_RIDER
                                    1. 0
                                      JPL_2
                                      1. 0
                                        Camping_RIDER
                                        1. 1
                                          Gunnar Bittersmann
                                        2. 0
                                          JPL_2
                                        3. 0
                                          JPL
                                          1. 0
                                            Camping_RIDER
                                            1. 0
                                              JPL
                                      2. 0
                                        Camping_RIDER
                                        1. 0
                                          Camping_RIDER
                                          1. 0
                                            JPL
                                            1. 0
                                              Camping_RIDER
                                              1. 0
                                                JPL
                                                1. 0
                                                  Camping_RIDER
                                                  1. 0
                                                    Gunnar Bittersmann
                                                    1. 0
                                                      Camping_RIDER
                                                      • meinung
                                                    2. 0
                                                      JPL
                                                      1. 2
                                                        Matthias Apsel
                                                      2. 0
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          Der Martin
                                                        2. 0
                                                          JPL
                                                  2. 0
                                                    JPL
                                                    1. 0
                                                      Camping_RIDER
                                                      1. 0
                                                        JPL
                                                        1. 0
                                                          Camping_RIDER
                                                          1. 0
                                                            JPL
                                                        2. 0
                                                          Gunnar Bittersmann
                                        2. 0
                                          JPL
            2. 0
              JPL_2