mouseovereffekt als HTML?

[cinpix]

hi!
In diesem Forum gab es schon oft Themen/Posts zu Mouseovereffekten, aber leider finde ich keinen, der mir bei meinem Problem helfen könnte!
Wenns vl. doch schon so einen Post gibt, dann tut es mir Leid und verlinkt dann einfach.
Aber jetzt zu meinem Prob:
Ich habe ein Bild, das als Link dient.
Wenn man jetzt mit der Maus drauf fährt, soll einfach unter dem Bild ein Text erscheinen, nicht mehr.
Das Bild soll unverändert angezeigt werden und der Text, der erscheint, soll KEIN link sein. Sozusagen einfach nur ein Informationstext zum Bild, auf das man gerade mit der Maus draufgefahren ist, aber NICHT angeklickt hat!
Hat jemand einen Vorschlag, wie man das angehen muss?! am besten als HTML...
Wäre sehr froh....thx

 

[Xaicon]

so in etwa?

<img src="./test.gif" onmouseover="document.getElementById('test1').innerHTML='test';" onmouseout="document.getElementById('test1').innerHTML=' ';"><BR>
<p id="test1"></p>

oder so:

<img src="./test.gif" onmouseover="document.getElementById('test1').style.visibility='visible';" onmouseout="document.getElementById('test1').style.visibility='hidden';"><BR>
<p id="test1" style="visibility:hidden">blubb</p>

Bewirkt beides das gleiche, nur die Methoden sind anders.

 

[cinpix]

ja, danke, so etwas habe ich gesucht, aber trotzdem stimmt was noch NICHT!
Die Bilder werden untereinander angezeigt, nicht nebeneinander, was ich eigentlich brauch'.

 

[Xaicon]

das liegt am <p> - Tag... (Absatztext) nimm stattdessen ein <span> oder <font> - Tag oder setz alles in eine Tabelle, wobei ein Bild mit Text in jeder Spalte liegt...

 

[cinpix]

aha...stimmt, das ist eine lösung;
hätt ich selber auch drauf kommen können :-/
danke Xaicon

 

[cinpix]

Uuuups...da stimmt aber was noch nicht.
Probierts selba mal aus:

 <table border=0>
 <tr>
 <td>
 <img src="test.gif" width="100" height="100"
 onmouseover="document.getElementById('test1').innerHTML='test';"
 onmouseout ="document.getElementById('test1').innerHTML=' ';"><br><p id="test1"></p></td>
 <td><img src="test3.gif" width="100" height="100"
 onmouseover="document.getElementById('test2').innerHTML='test3';"
 onmouseout ="document.getElementById('test2').innerHTML=' ';"><br><p id="test2"></p></td>
 </tr>
 </table>

 

[cinpix]

Hat niemand einen Vorschlag?