Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
Responsive-Anzeige (viewport)
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Sempervivum, post: 13947, member: 3917"] Wenn Du den Link auf Github öffnest siehst Du einen Link auf index.html. Öffnest Du auch diesen, siehst Du das HTML. Die Seite ist mit einer Imagemap mit sehr zahlreichen Verweisen realisiert. Ich empfehle nicht, das nachzumachen: [LIST] [*]Die Bilder sind dann in einer einzigen großen Grafik versammelt, die Du aus deinen Einzelbildern erst Mal generieren müsstest. [*]Dadurch würde der Zusammenhang zwischen Grafik und Link verloren gehen, bzw. nur noch in den Koordinaten der Verweise stecken - sehr unübersichtlich. [/LIST] Nachdem Du dieses Muster mit Million Dollar gepostet hast, versteht man jetzt jedoch, was Du vor hast und warum dein vorhandener Code nicht funktioniert: [LIST] [*]Damit man überhaupt den iFrame scrollen kann, muss sein Inhalt größer sein als sein Fenster. Das ist bei dir nicht der Fall, da Du die Breite des Rasterbildes auf 100% gesetzt hast. Setze sie zunächst mal auf einen festen Wert, z. B. 1000 x 1000. [*]Du hast die kleinen Bilder in den Links fixed positioniert, dadurch bleiben sie stehen, auch wenn man scrollt. Positioniere sie absolute. [*]Bereinige ich dann den iFrame kann ich zumindest in der Smartphone-Ansicht meines HTML-Inspektor scrollen und alle Bereiche des Bildes mit den Links und den Bildern darauf ansehen. [/LIST] [CODE]<iframe src="https://hunderttausend-zuger-unternehmen.ch/wp-content/_mainpage/mainpage.php" scrolling="auto" loading="auto" frameborder="1" style="width: 100%; height: 758px;"></iframe>[/CODE] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
Responsive-Anzeige (viewport)
Oben
Unten