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.

(Helau!) Mike_R

> 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.

--

MudGuard
O-o-ostern

Vielen Dank für die schnelle Antwort. Vorläufig ist die Seite noch nicht so ganz "netzreif", so dass ich mit Deinem Vorschlag noch etwas warten muss. Evtl. liegt es ja auch daran, dass dieser link nur Text und keine Grafik ist; ein reiner Grafik-link auf eine andere Seite fnnktioniert nämlich von derselben Seite mit demselben Hintergrundbild durchaus. Diesen Text-link auch als Grafik einzufügen wäre somit wahrscheinlich eine gute Alternativlösung.

Mike_R

> Diesen Text-link auch als Grafik einzufügen wäre somit wahrscheinlich eine gute Alternativlösung.
>

Text in Grafik zu verstecken ist online nie eine gute Idee.
Bei einem Link wird es aber noch mehr egal sein.

--
mein privates Hobby. www.ffzell.at

Danke auch noch für diesen weiteren Tipp. Problem hat sich mittlerweile erledigt. Der link funktioniert jetzt auch als Textelement innerhalb des Hintergrundbildes, nachdem ich ihn in der html-Datei an eine andere Stelle plaziert habe.
Mike_R

> Danke auch noch für diesen weiteren Tipp. Problem hat sich mittlerweile
> erledigt. Der link funktioniert jetzt auch als Textelement innerhalb des
> Hintergrundbildes, nachdem ich ihn in der html-Datei an eine andere Stelle
> plaziert habe.

Das verhärtet meinen Verdacht, daß er von etwas anderem überlagert wurde ...

--

MudGuard
O-o-ostern