nicht angemeldet
Moin!
Ich stecke total fest! (Newbie)
Passiert schonmal. :)
Folgendes Problem:
Bei mehreren verschiedenen Button soll jeweils ein anderer erklärender Text erscheinen, wenn der Benutzer mit der Mouse darüberfährt. Gleichzeitig sollen die Button auch als Links fungieren. Bis jetzt habe ich ein Script und die Button in der gewünschten Anordnung.
Dann ist also alles so, wie es sein soll, nur der Tooltipp fehlt noch?
<script type="text/javascript">
[ein schönes, funktionierendes Skript gelöscht - den Code hab' z.B. ich hier mehrfach gepostet - daran liegts nicht ;) ]
</script>
<!--Button-->
<div style="position:absolut;margin-top:0px;margin-left:20;">
<a href="irgendwohin" onmouseover="showlayer('tip01');" onmouseout="hidelayer('tip01');"><img src="Button1.gif" width="122" height="78" border="0" alt="1" vspace="30"></a>
Das hier ist EIN Button.
<img src="Button2.gif" width="122" height="78" border="0" alt="2" vspace="25">
<img src="Button3.gif" width="122" height="78" border="0" alt="3" vspace="20">
<img src="Button4.gif" width="122" height="78" border="0" alt="4" vspace="15">
<img src="Button5.gif" width="122" height="78" border="0" alt="5" vspace="10">
</div>
Und bei diesen Buttons fehlen die Links. Kommt vermutlich noch...
Aber wo oder wie muß ich den erklärenden Text für die Buttons definieren.
Meine Idee war:
<div id="tip01" style="position:absolute; left: 10px; top:20px; width:100px;">Tooltipp-Text</div>
Dahinter, davor, irgendwohin in den HTML-Text - das ist für die Darstellung reichlich egal. Lediglich für javascriptlose und CSS-unfähige Browser solltest du schauen, wo im Quelltext du den Tooltipp-Text unterbringst - du hast grundsätzlich die Wahlfreiheit, den Text an beliebiger Stelle unterzubringen - nur nicht unbedingt innerhalb des <div> mit den Buttons.
Aber wo? Oder ist das alles sowieso falsch?
Ich denke, du bist bislang auf genau dem richtigen Weg. Einfach mal machen und probieren - wenn was nicht klappt, mit Fehlermeldung oder Fehlerbeschreibung wieder hier melden.
- Sven Rautenberg