✔ Bild verändert Text

[gregthesaint]

Sehr geehrte LeserInnen
Mein Problem ist folgendes:
Ich möchte, wenn ich mit der Maus auf ein Bild durchfahre, dass sich ein Teil der Text, weiter unten, verändert (fett z. B.). Alles in CSS natürlich.
Wer kann mich helfen?
Danke im Voraus

 

[herzblut]

Hi!
Ich hoffe ich habe das richtig verstanden was dein Problem ist.
Hier zwei Beispiele wie du es lösen kannst.

1. Wenn dein Bild einen Link darstellt:

<style>
.bold {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

.text {
	font-family: arial;
	font-size: 11px;
}
</style>
<a href="http://derlink.de" class="text" onMouseOver="this.className='bold';" onMouseout="this.className='text';">
<img scr="dasbild.gif" width="100" height="100" border="0"><br>
das ist der text
</a>

2. Wenn dein Bild kein Link ist und du einfach nur den Text geändert haben willst wenn jemand mit der Maus darüberfährt:

<style>
.bold {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

.text {
	font-family: arial;
	font-size: 11px;
}
</style>
<span class="text" onMouseOver="this.className='bold';" onMouseout="this.className='text';">
<img scr="dasbild.gif" width="100" height="100" border="0"><br>
das ist der text
</span>

Ich hoffe ich könnte dir weiterhelfen.
Für eine Vorschau des Codes musst du Ihn einfach in das HTML-Feld von FrontPage kopieren und auf Vorschau klicken.

Gruss
hz

 

[gregthesaint]

Herzlichen Dank für die "Teil"-Lösung. Ich muss es noch besser erklären:

Das Bild, wo ich drüber fahre, ist z.B. oben der Seite. Der Text ist weiter unten.

______ ................ ______
I Bild 1 I ................ I Bild 2 I
I ------------ ............. ------------

text text text text text text text dieserteildestextesverändertsichmitbild1 text tex text text text text
text text text text text text text text text text text text text text text text text text text text text text text text
text text text dieserteildestextesverändertsichmitbild2 text tex text text text text
text text text text text text text text text text text text text text text text text text text text

 

[herzblut]

ah jetzt habe ich verstanden was da problem ist. und hier die lösung:

<style>
.bold {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

.text {
	font-family: arial;
	font-size: 11px;
}
</style>

<img scr="dasbild.gif" width="100" height="100" border="0" onMouseOver="hover.className='bold';" onMouseout="hover.className='text';"><br>

Dieser Text verändert sich nicht beim Mouseover des Bildes.

<span class="text"  id="hover">
Hier der Text der Bold erscheinen soll.
</span>

Gruss
hz

 

[gregthesaint]

Das funktioniert
Danke

 

[Maik]

Das funktioniert
Danke

Dann markiere das Thema bitte auch als erledigt.