Antworten auf deine Fragen:
Neues Thema erstellen

onmouseover soll text erscheinen lassen

T

tommy_gFm

Guest

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

undefined

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

tommy_gFm

Guest

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

Mod | Web

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

Nicht mehr ganz neu hier

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

Hat es drauf

AW: onmouseover soll text erscheinen lassen

Ich hoffe ich habe es richtig verstanden was du willst:

HTML:
<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:
Code:
.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.
 
T

tommy_gFm

Guest

AW: onmouseover soll text erscheinen lassen

hallo

link posten ist etwas schwierig aber das script geht:
HTML:
<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 :daumenhoch:

Danke an euch, ihr seit echt super :D

mfg thomas
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.485
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben