Hallo zusammen!
Ich bin gerade dabei, erstmals eine Website zu gestalten und habe leider nur wirklich grundlegende Kenntnisse vom Programmieren, sodass ich gerade
an einem Punkt feststecke, an dem ich nicht weiterkomme. Außerdem ist dies hier mein erster Post, also bitte seid nachsichtig mit mir!
Nun zu meinem Problem: Bei der besagten Website soll es ein Hintergrundbild geben, das mit der Fenstergröße des Browsers skaliert (funktioniert schon). Auf diesem Hintergrundbild sollen nun auf fest definierten Punkten einige Links in Form von Textbildern platziert werden. Dabei sollen diese Links immer an der „richtigen“ Stelle auf dem Bild sein, andererseits ebenfalls mit der Fenstergröße skalieren (letzteres funktioniert). CSS-Anweisungen mit Prozentangaben funktionieren leider nicht, da abhängig von der Fenstergröße die Y-Achse des Hintergrundbildes „verschwindet“, um die Proportionen zu bewahren. Trotzdem würde man mit Prozentangaben aber die Textbilder noch sehen, die am bottom des Bildes ausgerichtet werden sollen und eigentlich auch „verschwinden“ müssten.
Meine Idee war nun, mittels JavaScript die Fenstergröße des Browsers auszulesen und abhängig von dem Wert, den
zurückgibt, die Position der Textbilder in Pixeln zu berechnen. Dies würde ich mit einer Funktion realisieren, wobei ich die absoluten Positionswerte in Pixeln übergeben würde, wenn das Bild nicht skaliert wäre. Dann stellt sich allerdings das Problem, wie ich die Funktion innerhalb des HTML-Bereichs im Sinne von
aufrufen würde? Kann mir da jemand weiterhelfen? Vielleicht gibt es eine andere Lösung? Ich danke Euch!