Ingo Turski: & CSS: Nicht Entweder-Oder, sondern Sowohl-Als-Auch !

Beitrag lesen

Hi,

Interessante Lösung, ich vermute, die widersprüchlichen Hover- und MousOver-Angaben zur Weite des A-Elements dienen nur zur Absicherung bei deaktiviertem CSS?

bei deaktiviertem Javascript.

und der zusätzlich von Silke gewünschten zeitlchen Verzögerung beim Zurückblenden des großen Bildes. Letzteres finde ich zwar eigentlich eher verwirrend,

Ich auch. Und auch unpraktisch.

http://www.sprachlernspiele.de/selftests/schaukasten.html

Interessant. Und sogar ohne zusätzliches Element. Etwas in der Art hatte ich auch ausprobiert, aber ohne ID-Wechsel und ohne float. War denn beides nötig?

Angesichts der Tatsache, dass die Bilder, insbesondere bei den Links zu den Professoren inhaltlich gar nichts mit diesen zu tun haben und nur dem Design dienen,

Aber nicht doch. Schau Dir die Bilder an: da stehen die Namen drauf.

fände ich es eigentlich auch legitim, sie nur in den Hintergrund der Links zu stecken. Das große Bild mit dem Tuareg, das inhaltlich den stärksten Bezug zur afrikanischen Kulturwoche hat, ist ja auch bei dir ausschließlich als Hintergrundbild zu bewundern.

nö. Das verlinkte kleine Bild ist als img eingebunden. Nur fehlte mir noch ein passender ALT-Text, der erforderlich ist für Textbrowser. Und schau' Dir Deine Lösung nur mit Hintergrundbild mal im NN4 an. Da fehlt das Bild und der Link komplett.

Wenn man es mit der Barrierefreiheit also auf die Spitze treiben will, müsste man auch da noch eine Lösung basteln, die zumindest Nutzern mit JS dieses beim Drüberfahren mit der Maus im Vordergrund anbietet.

Warum? Es reicht doch, daß die Bilder ohne JS sichtbar sind und die Links sowohl ohne JS als auch ohne Grafiken nutzbar sind.

freundliche Grüße
Ingo

0 48

bei "MouseOver" Ebene einblenden

silke
  • html
  1. 0
    Marc Reichelt
    • javascript
    1. 0
      Joachim
      1. 0
        Marc Reichelt
    2. 0
      silke
      1. 0
        Marc Reichelt
        1. 0
          Gernot Back
          1. 0
            Marc Reichelt
            1. 0
              Gernot Back
              1. 0
                silke
          2. 0
            silke
            1. 0
              Gernot Back
              1. 0
                silke
                1. 0

                  TOFU

                  Ashura
                  • zur info
                2. 0
                  Gernot Back
                  1. 0
                    Gernot Back
                    1. 0
                      silke
                      1. 0
                        Gernot Back
                        1. 0
                          silke
                          1. 0
                            Gernot Back
                            1. 0
                              silke
  2. 0
    XaraX
    1. 0
      silke
      1. 1
        Ingo Turski
        1. 0
          Gernot Back
          • css
          1. 0
            Ingo Turski
            1. 0

              & CSS: Nicht Entweder-Oder, sondern Sowohl-Als-Auch !

              Gernot Back
              • javascript
              1. 0
                Ingo Turski
                1. 0
                  Gernot Back
                  1. 0
                    Ingo Turski
                    1. 0

                      whatever:hover

                      Ashura
                      1. 0
                        Ingo Turski
                        1. 0
                          Ashura
                          1. 0
                            Ingo Turski
                            1. 0
                              Ashura
                    2. 0
                      Gernot Back
                      1. 0
                        Ingo Turski
                      2. 0
                        Ingo Turski
                        1. 0
                          Gernot Back
                          1. 0
                            Ingo Turski
                            1. 0
                              Gernot Back
                              1. 0
                                Ingo Turski
        2. 0
          Dada
          1. 0
            Ingo Turski
            1. 0
              Dada
              1. 0
                Ingo Turski
                1. 0
                  Dada
  3. 0
    Gernot Back