Hovereffekt Mit Css?

#1 _Benjamin_

Gruppe: Gäste

geschrieben 24. Februar 2006 - 12:22

Hallo,

die WoW Spieler sollten es kennen, auf bekannten Seiten werden itembilder dargestellt und mit einem Mousover werden details in form eines kleinen fensters. als beispiel dient diese seite hier, der hovereffekt tritt bei den eintrögen in der unteren tabelle auf.

http://thottbot.com/?i=37064

ist sowas möglich mit css? wenn ja wie, ohne wie im beispiel javascript + tabellen zu benutzen=

Nach oben
Nach oben of the page up there ^

#2 flo

Legende

Gruppe: aktive Mitglieder
Beiträge: 7.955
Beigetreten: 14. November 04
Reputation: 1
Geschlecht:Männlich

geschrieben 24. Februar 2006 - 12:25

Hallo Benjamin

Ja das ist mit css möglich, aber leider bringt es dir nix, da der IE :hover nur auf <a> Elemente zulässt.

Nach oben
Nach oben of the page up there ^

#3 Floele

WF-Süchtling

Gruppe: aktive Mitglieder
Beiträge: 919
Beigetreten: 22. Juni 04
Reputation: 0

geschrieben 24. Februar 2006 - 17:07

Es ist trotzdem nicht unmöglich, da man Bilder ja auch ein Links reinpacken kann

Nach oben
Nach oben of the page up there ^

#4 _Benjamin_

Gruppe: Gäste

geschrieben 24. Februar 2006 - 17:56

Flo: hmm ... wenn der ie aber mit <a> arbeiten kann, dann kann das der ff auch oder? soweit so gut sollte das dann doch weiterhin w3c konform sein?

Zitat (Floele: 24.02.2006, 17:07)

Es ist trotzdem nicht unmöglich, da man Bilder ja auch ein Links reinpacken kann

ich denke wir meinen beide das gleiche, dennoch: hast nen beispiel dazu?

Nach oben
Nach oben of the page up there ^

#5 Anderländer

Freak

Gruppe: aktive Mitglieder
Beiträge: 1.144
Beigetreten: 03. Juli 04
Reputation: 0

geschrieben 24. Februar 2006 - 18:02

also auf der seite die du verlinckt hast geht der hover effect auch mit dem ff

</tr><tr class="rh">
</tr>
<tr class="r1">
	<td align="left"><table class="item">
<tbody><tr><th><a href="?i=40565"><script>i40565 = "<table class=ttb width=250><tr><td colspan=2><span class=quality4>Horn of the Frostwolf Howler</span></td></tr><tr><td colspan=2>Binds when picked up</td></tr><tr><td colspan=2>Requires Level 60</td></tr><tr><td colspan=2><a class='spell' href='?sp=23509'><u>Use</u>: Summons and dismisses a rideable Frostwolf Howler.  This is a very fast mount.</a></td></tr><tr><td colspan=2>3 sec cast</td></tr><tr><td colspan=2>Item Level 60</td></tr><tr><td colspan=2><small><font color='#7777FF'>Source: Vendor</font></small></td></tr><tr><td colspan=2><h6>anonymous  <font color=88FF88>Live (1.9.3)</font></h6></td></tr></table>";</script><img alt="" src="http://i71.thottbot.com/en/Interface/Icons/INV_Misc_Horn_01.jpg" onmouseover="tt(i40565);" onmouseout="ctt();" border="0" height="32" width="32"></a></th>

<td valign="middle" width="100%"><span class="quality4"><a href="?i=40565">Horn of the Frostwolf Howler</a></span></td></tr></tbody></table>
</td>
	<td align="center">Vendor</td>
	<td align="center">60</td>
</tr>

und dies ist der quell text allerdings seh ich grad das dass mit dme kopieren net so gekappt hat wenn ich mir die anrodnung anschaue