mouse hover

[torsten]

hallo,

ich habe ein kleines bild wo unten drunter die beschreibung des bildes steht. dieses bild mit dem text unten drunter ist gleichzeitig ein link auf eine andere seite. ich möchte wenn man mit der mouse drüber geht, dass der rahmen des bilden zb. weiß wird un der text unten drunter schwarz wird.

habe es schon ausprobiert aber nicht hinbekommen, es ändert sich nur die farbe des textes. wenn ich aber die gleiche farbe für den text un rahmen nehme geht es. ich möchte aber gerne das die farbe des rahmen eine andere ist als der text.

hier mein code:
.bild { border-width:1px; border-style:solid; border-color:#6E470A; width:144px; height:126px; background-image:url(bild.jpg); }

a:link    { color:#FFB000; text-decoration:none; font-family:Verdana; font-size:8pt; font-weight:bolder; }
 a:visited { color:#FFB000; text-decoration:none; font-family:Verdana; font-size:8pt; font-weight:bolder; }
 a:hover   { color:#FF4040; text-decoration:none; font-family:Verdana; font-size:8pt; font-weight:bolder; border-color:#FF4040; }

im body:

<a href="seite.htm"><div class="bild"></div>text des bildes</a>

würde mich freuen wenn mir jemand helfen könnte.

gruß
torsten

[MudGuard]

Hi,

.bild { border-width:1px; border-style:solid; border-color:#6E470A; width:144px; height:126px; background-image:url(bild.jpg); }

a:link    { color:#FFB000; text-decoration:none; font-family:Verdana; font-size:8pt; font-weight:bolder; }
a:visited { color:#FFB000; text-decoration:none; font-family:Verdana; font-size:8pt; font-weight:bolder; }
a:hover   { color:#FF4040; text-decoration:none; font-family:Verdana; font-size:8pt; font-weight:bolder; border-color:#FF4040; }

<a href="seite.htm"><div class="bild"></div>text des bildes</a>

div darf nicht in a enthalten sein. Warum verwendest Du nicht ein img-Element, um ein Bild anzuzeigen?

Und selbst wenn: per :hover änderst Du die border-color des a-Elements - da dieses jedoch nach wie vor border-style:none hat (initial value), wird dieser nicht angezeigt.
Du willst aber vermutlich die border-Farbe des div ändern (obwohl das div an der Stelle nichts verloren hat).

cu,
Andreas

[torsten]

hi,

weil ich für die bilder den Transform.Microsoft.AlphaImageLoader verwende, da kann ich nicht mit <img> arbeiten, ich muss <div> nehmen.

mit "a:hover img" kann ich also nicht arbeiten

gruß
torsten

[wahsaga]

hi,

weil ich für die bilder den Transform.Microsoft.AlphaImageLoader verwende, da kann ich nicht mit <img> arbeiten, ich muss <div> nehmen.

weil du das aber wie gesagt nicht _darfst_, wirst du es also nicht nehmen.

aber z.b. span darf natürlich durchaus innerhalb von a vorkommen ...

mit "a:hover img" kann ich also nicht arbeiten

dann halt
a:hover span

• hauptsache ist nur, dass du die richtige kombination aus selektoren für deinen fall benutzt.

gruss,
wahsaga

[wahsaga]

hi,

dieses bild mit dem text unten drunter ist gleichzeitig ein link auf eine andere seite. ich möchte wenn man mit der mouse drüber geht, dass der rahmen des bilden zb. weiß wird un der text unten drunter schwarz wird.

a:hover img { border-color:#fff; }

<a href="seite.htm"><div class="bild"></div>text des bildes</a>

allerdings solltest du dann hier auch <img> benutzen, um das bild einzubinden.
wieso überhaupt div mit hintergrundbild, anstatt "richtiges" bild?

gruss,
wahsaga