Ansicht:   

#409187 Image-map verhält sich rätselhaft (web.design)

verfaßt von MudGuard zur Homepage von MudGuard, München, 01.03.2017, 05:28:59

> Hi,
> vielleicht hat ja jemand eine Erklärung für folgendes seltsame Verhalten:
> Über einem Hintergrund-Bild ist ein Text gelegt "Zum Buchshop", der zu
> einer anderen Seite führt.
> Der Optik wegen ist der Text schräg gestellt (siehe 'rotate' in der
> CSS-Datei!)
> Die entspr. Teile der html-, bzw. unten der CSS-Datei schauen so aus:
>
> <div id="extralink">
> <a href="buchshop.php">Zum Buchshop</a>
> </div>
> ...
> <img src="Bilder/.. .jpg" alt=".." width="492" height="675" border="0"
> z-index="2" usemap="#Map">
> ...
> <map name="Map">
> ....
> <area shape="poly" coords="100,490,380,390,350,330,70,450"
> href="buchshop.php">
> </map>
> +++++++++++++
> #extralink {
> position:absolute;
> left:600px;
> top:400px;
> font-size:25pt;
> color:white;
> border:1px solid yellow;
> z-index:1;
> transform: rotate(-20deg);
> }
>
> Der link funktioniert auch im Prinzip, aber nicht im Text selber, d. h.
> wenn ich die Maus am Außenrand des gelben Rahmens (rundherum) bewege,
> verwandelt sie sich in die Hand, sobald sie aber auf den Text selber, bzw.
> innerhalb des Rahmens geführt wird, verschwindet die Maus-Hand wieder und
> der link spricht auch nicht mehr an. Das 'href' erscheint ja zweimal; aber
> selbst wenn ich's im id-Bereich weglasse, ändert das gar nichts.
>
> Wäre schön, wenn da jemand einen Tipp hätte.

Kann man sich die Seite irgendwo anschauen?

So ist es schwierig zu sagen, was da passiert. Aber wenn absolute Positionierung im Spiel ist, könnte es sein, daß sich Elemente ggf. ungewollt überlagern. Das läßt sich aber mit den Schnipseln nicht nachvollziehen.

--
[image]
MudGuard
O-o-ostern

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz