Schade, aber trotzdem meinen Dank. Nach den vergangenen
Tagen, die ich mit diesem Problem verbracht habe, weiß ich,
wie schwer bzw. eben doch unmöglich eine Lösung ist.
Gruß,
Werner.
Beiträge von WGz
-
-
Das ist wirklich ein respektables Angebot. Danke.
Ich habe den größten Teil weggelassen, sonst wäre das alles
-- die Links -- zu viel. Das für das Problem Wesentliche ist
aber im ZIP-File (gelöscht) enthalten.Werner.
-
Ich habe es (zunächst) mit JS hinbekommen:
http://www.walterzorn.de/tooltip/tooltip.htm
mit wz_tooltip.js
Zitat
<area shape="rect" coords="221,348,437,370" href="index.htm" onmouseover="TagToTip('Span1')" onmouseout="UnTip()">
<span id="Span1">Irgendein Kommentar zum Hintergrund
des Doppelpfeiles</span>Meinen Dank für die Hinweise,
Werner. -
Dank für den Hinweis.
Zitat von sejumaIn dem von mir genannten Link wird die
Positionsangabe
des erscheinenden TooltipsZitatAlles anzeigen
damit definiert:a.info:hover span
{
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #12127D;
background-color:#fc0;
color:#000;
text-align: center;
padding: 5px;
font-size: 0.8em;
}
Das aber ist -- zunächst -- nicht das Problem. Nicht beim
Überfahren eines Textes oder Wortes soll der Tooltip erscheinen,
sondern beim Überfahren des Areals in der ImageMap:
http://www.guenzl.net/privates/versuch.gif
das ich im Beispiel grau hinterlegt habe und das mit Coords
beschrieben wird.Wie ich es sehe, müssten also die Koordinaten des grauen Feldes
irgendwo stehen.Werner.
-
Zitat von synaptic
die entsprechenden Lösungen hängen von der Methode ab,
die du nutzen willst..
bei javascript geht des anders, als bei css!
du musst dich entscheiden, womit du deine Infos realisieren willst....
Man rät mir von Javascript ab, weil viele Browser bzw. Nutzer dies blocken.
Also konzentriere ich mich auf CSS, siehe mein Anfangspost.Werner.
-
Danke für die Hinweise.
Mir fehlt leider nur der Hinweis, wie ich das Fenster nur über
dem angegebenen Map-Bereich öffnen kann.Zitat
<area shape="rect" coords="221,348,437,370">Siehe:
http://www.guenzl.net/privates/versuch.gifDieses ist eine "map". Klickt man auf einen der Texte in einem der gelben
Hintergründe, wird je einen Link zu einem weiteren HTML-File geöffnet.
So gut.Nun soll sich ein Textfenster öffnen, dann wenn sich der Mauskursor
über einem rechteckigen Bereich eines der roten Pfeile befindet, und
dann wieder verschwinden, wenn der Kursor diesen Bereich verlässt.Werner.
-
Hallo,
wie kann ich beim Überfahren eines Gebietes mit dem
Mauscursor ein Fenster öffnen?Mein vergeblicher Versuch endete so:
ZitatAlles anzeigen<html>
<head>
<style type="text/css">
a.info
{
position:relative;
z-index:1;
color:#000000;
text-decoration:none;
}a.info:hover
{
z-index:2;
}a.info span
{
display: none;
}a.info:hover span
{
display:block;
position:absolute;
top:0em;
left:2em;
width:490;
border:1px solid #12127D;
background-color:#ff6600;
color:#000000;
text-align: left;
padding: 5px;
font-size: 0.8em;
}
</style>
</head><body bgcolor="#000080">
<div>
<map name="hauptfeld">
<area shape="circle" coords="330,057,057" href="Erde.htm" alt=""><a class="info" href="#">
<area shape="rect" coords="221,348,437,370">
<span>
<p align="justify">
Hier steht der Text, der in einem Fenster erscheinen soll.
</p>
</span>
</a>
</map>
</p>
</div>
</body>
</html>Dank für Hinweise,
Werner. -
Hallo,
ich habe ein Hintergrundbild Wolken.jpg
Zitat
body {
background-image: url('bilder/Wolken.jpg');
background-repeat: no-repeat;
}In CSS steht:
ZitatAlles anzeigen
#hauptteil {
position:absolute;
top:110px;
left:210px;
width:60%;
background-color:#000080; <--- hier liegt das Problem!
color:#FFFF00;
}
Nun soll hier:Zitat
<div id="hauptteil">
<table border="0" width="100%">
... ... ...
das Hintergrundbild Wolken.jpg sichtbar bleiben, der
background in #hauptteil also transparent sein.Dank für helfende Hinweise (Beispiele),
Werner. -
