Verlinkungen im Intro

Hallo,

eine Frage an die CSS-Profis.
Ich habe im Intro momentan 3 Grafiken (der Hintergrund und die zwei Türen)
da sich aber bei verschiedenen Auflösungen die Türen verschieben habe ich nun
eine Grafik erstellt, auf der die Türen gleich mit drauf sind:

https://img.webme.com/pic/s/schulzeit-in-leipzig/intro-1900-weg-gruen-tuer.jpg

wie kann ich es aber anstellen, das im Intro weiterhin nur die zwei Türen verlinkt sind??

Ich weiss, dass das per CSS lösbar ist, komme aber nicht drauf.

so wie hier: http://piqeartworks.de/

Kann mir jemand auf die Sprünge helfen bitte?

danke und mfG
______________
Gruss aus der Schule

Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit,
wobei ich mir beim Universum nicht ganz sicher bin. (Albert Einstein)

Moin,

dafür gibt es die Möglichkeit, mit den Map- und Area-Tags bestimmte Ausschnitte des Bildes zu verlinken:
https://www.mediaevent.de/xhtml/area-map.html
https://www.w3schools.com/tags/tag_area.asp

Gruß, TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon

aah ja mit einem imap-Generator hab ich das jetzt soweit hinbekommen

danke

so sieht der Code aus:

<div style="text-align: center;"><map name="schule-intro">
<area target="" alt="Startseite" title="Startseite" href="http://schulzeit-in-leipzig.de.tl/Startseite.htm" coords="563,786,283,456" shape="rect" />
<area target="" alt="Start" title="Start" href="https://translate.google.com/translate?hl=de&amp;sl=de&amp;tl=en&amp;u=http%3A%2F%2Fschulzeit-in-leipzig.de.tl%2FStartseite.htm" coords="1090,450,1371,780" shape="rect" /> </map> <img alt="" usemap="#schule-intro" src="https://img.webme.com/pic/s/schulzeit-in-leipzig/schulintro-new-01.jpg" border="0" /></div>

allerdings stört mich jetzt noch der Abstand über und unter der Grafik , den ich hellblau eingefärbt habe in der Introeinstellung und ich hätte die Grafik außerdem gerne fixiert

was muss ich dafür noch machen
______________
Gruss aus der Schule

Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit,
wobei ich mir beim Universum nicht ganz sicher bin. (Albert Einstein)

Moin,

bitte tu mir einen Gefallen und nimm diese unsinnige Rechtsklicksperre raus. Die stört nur und bringt eh nichts, da man sie kinderleicht umgehen kann.
Zu deinem eigentlichen Problem: Der Abstand oben ist da, weil dort allen, die keinen Werbeblocker verwenden, Werbung angezeigt wird.
Der Abstand unten ist da, weil nach dem frei veränderbaren Inhalt des Intros diverse Zeilenumbrüche und der "Weiter"-Link kommen. Da man die Zeilenumbrüche nicht sehen kann und der Link keinen Text hat, ist der Platz also de facto leer.

Wie du diese Abstände entfernen kannst:
Den Abstand oben zu entfernen kostet 2,90€ im Monat. Den Abstand unten entfernst du (hoffentlich browserübergreifend, nur im Firefox getestet) mit folgendem Code:

Einzufügen ausschließlich im Intro, weil der Code auf anderen Seiten zu, sagen wir, interessanten Effekten führen kann Falls der Code nicht geht, gibt es noch andere, allerdings ziemlich "unsaubere" Lösungen.

Gruß, TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon

jo ok ist geschehen, ich weiss das man das umgehen kann, aber ein blutiger Anfänger weiss das nicht

aha, was für Effekte sind das denn und was ist mit "unsaubere" Lösungen gemeint

der Code hats aber gelöst, herzlichen Dank an dich
______________
Gruss aus der Schule

Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit,
wobei ich mir beim Universum nicht ganz sicher bin. (Albert Einstein)