geht doch! - und doch wieder 2 Fragen

[Patrick Andrieu]

Hallo juewi!

Stimmt - ist geändert.

http://validator.w3.org/check?uri=http%3A//www.juergen-wiedner.at/hover-gallery-test2.html -> Du hast dafür neue Fehler eingebaut, sicher aus Unachtsamkeit: Entferne alle alt="" in den a-Elementen, dort haben sie nichts zu suchen, lass sie in den img-Tags, denn da sind sie notwendig.

Und nach jeder Änderung durch den Validator jagen, da sieht man sofort, wenn man einen Fehler eingebaut hat. Am praktischsten ist ein kleines Bookmarklet:

javascript:void(location='http://validator.w3.org/check?uri='+escape(location));

In Adresszeile kopieren und Enter. Oder bookmarken (ist ja der Sinn eines »Bookmark«lets) ;)

Jein. Soweit ich das jetzt beurteilen kann, ist padding für mein Vorhaben nicht das richtige Instrument, da meine Fotos unterschiedliche Formate und auch Abmessungen (mit max. 600px Seitenlänge) haben. Oder trotzdem mit padding möglich?

Stimmt, da für padding kein Wert »auto« vorgesehen ist, wird es nichts bringen. Da müsste ein anderer Ansatz her...

Trotz viel Herumüberlegen werd ich es bei meiner Codestruktur (Anzeige der Fotos wird per JS gemacht und das fotoanzeigende "gallery-view-wrapper"-div ist SELBST Teil des JS; ausserdem wird mit mouseover gearbeitet) nicht schaffen, eine Funktion für mouseout einzubauen - dazu kenn ich mich zu wenig aus muss ich gestehen.

Ich verstehe obigen Satz jetzt nicht ganz. Willst Du eine reine CSS-Lösung oder doch wieder auf JavaScript zurückgreifen? JavaScript bietet sicherlich mehr Möglichkeiten.

Wie mit CSS das Bild bei mouseout wieder verschwindet, zeigt ja die Infobox. Dafür müsste Dein Konstrukt aber geändert werden, das ist aber auch wieder ein erstmal ein Haufen Arbeit ;)

»» P.S.: Noch schnell lernen, bevor der Nachwuchs kommt und Deine ganze Aufmerksamkeit benötigt ;)
Mach ich ;-))

Wann ist denn so weit?

Viele Grüße aus Frankfurt/Main,
Patrick