Wie bereits auf den vorangehenden Feldern zu sehen ist, platzieren sich die kleinen Kreuze beim Mouseover des Textfeldes rechts unten in der Ecke, auch wenn eine Grafik zentriert vorrausgeht!!!
Hinzu kommt noch ein kleiner Effekt beim Mouseover des Ausblende-Buttons
Mal wieder besten Dank für den Hinweis! Der Fehler lag nicht in der CSS, sondern im JavaScript! Durch das viele Testen und Verändern habe ich eine falsche Class (meine Class) eingetragen. Habe alles wieder gerade geschoben, sollte jetzt funktionieren!
Mit dieser Testverschachtelung kann man gut erkennen, wie Veränderungen an der Randstärke, Schriftgröße und Abstände zum Rand sich auswirken. Interessant wird es bei zusätzlichen Grafiken vor und hinter dem Textfeld, sowie Codelisten und Tabellen! Man kann auch gut erkennen, wie sich die Textfelder bei horizontaler Ausrichtung verhalten, wo sich die Kreuze für die Ausblend-Funktion platzieren, auch im geschlossenen Zustand! Wie sieht es aus, wenn das Fenster minimiert wird, wie sieht es auf dem Handy oder iPhone aus?
Alles hatte bei der Entstehung des Skriptes Einfluss gehabt!
10
Baskerville
Baskerville Old Face
Garamond
Times New Roman
Bodoni MT
Century Gothic
Wie sieht es aus, wenn Grafiken, Tabellen oder Codelisten hinzukommen oder sogar ein YouTube-Video?