onmouseover soll text erscheinen lassen

[tommy_gFm]

hallo

ich will nen text erscheinen lassen wenn ich über ein bild gehe, besser gesagt wenn ich über bild xy.jpg gehe soll in einer tabelle ein text erscheinen

wie gehe ich das am besten an wenn ich dass ganze in html + css lösen muss ??

mfg thomas

 

[cebito]

AW: onmouseover soll text erscheinen lassen

Warum in einer Tabelle? Kannst du dich mal genauer erklären, vielleicht auch mit zwei Bildern, ohne und mit Mouseover. Evtl. suchst du ja nur nach Tooltips...

 

[tommy_gFm]

AW: onmouseover soll text erscheinen lassen

ja es ist eigentlich egal wo es angezeigt wird, aber in der tabelle ist es einfacher, da es so eine art erklärung werden soll.

%20%20Uploaded%20with%20"] Uploaded with [/URL]

das ganze soll dann bei bezeichnung bzw. besonderheiten erscheinen
es werden dann auch mehrere bilder noch hinzugefügt

 

[sokie]

AW: onmouseover soll text erscheinen lassen

onmouseover wird in der Regel dazu benutzt eine funktion in javascript auszulösen. - Ist also nicht wirklich eine Sache für html/css.
Am einfachsten geht das aber weiter, wenn du das entsprechende html erst einmal notierst und einen link zu dieser Seite postest.
(2.1)

 

[viriv]

AW: onmouseover soll text erscheinen lassen

also: über ein bild gehen, dann als ausgabe text bringen?

ich bin zwar "code-anfänger" aber würde raten und sagen: mit
nem div-container und css,
javascript selber....gibts bestimmt viele scripts über google zu finden,
oder einfach ein bild mit text,....so faul wie ich bin, würde ich das so machen,xD

 

[Myhar]

AW: onmouseover soll text erscheinen lassen

Ich hoffe ich habe es richtig verstanden was du willst:

<div class="hoverContainer">
<img src="http://www.pfad.zu/deinem/bild.jpg" alt="Beschreibung des Bildes" />
<span class="versteckt">Das ist der Text der erscheinen soll</span>
<div>

und dann noch das CSS:

.versteckt{visibility:hidden}
.hoverContainer:hover span{visibility:visible}

Das ganze würde mit display:none und display:block auch funktionieren, dann ändert sich die größe vom umschließenden <div> auch.

Damit IE6 das auch versteht, brauchst du entweder whatever:hover oder du verwendest statt dem <div> ein <a>

L. G.

 

[tommy_gFm]

AW: onmouseover soll text erscheinen lassen

hallo

link posten ist etwas schwierig aber das script geht:

<div id="content">
           <h3>Unsere Bekleidung...</h3>
        
        <img src="images/dress1.png" onmouseover="this.innerHTML = 'Hose'"
         onmouseout="this.innerHTML = ''" />

        <img name="austausch1" />
            
        <table>
        <tr>
            <th><p>Für eine Erkl&auml;rung mit der Maus &uuml;ber das Bild fahren</p></th>
        </tr>
        <tr>
            <td><h5>Bezeichnung: </h5></td>
            <td id="bezeichnung"></td>
           </tr>
        <tr>
            <td><h5>Besonderheiten: </h5></td>
            <td id="besonderheiten"></td>
        </tr>
        </table>
   </div>

Da soll das eben rein

Ich hab gerade den Code von Myhar ausprobiert und der funktioniert einwandfrei :desnemma:

Für mich gilt das Problem gelöst :

Danke an euch, ihr seit echt super

mfg thomas