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=
Seite 1 von 1
Hovereffekt Mit Css?
Anzeige
#2
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.
Ja das ist mit css möglich, aber leider bringt es dir nix, da der IE :hover nur auf <a> Elemente zulässt.
#3
geschrieben 24. Februar 2006 - 17:07
Es ist trotzdem nicht unmöglich, da man Bilder ja auch ein Links reinpacken kann
#4 _Benjamin_
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?
ich denke wir meinen beide das gleiche, dennoch: hast nen beispiel dazu?
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?
#5
geschrieben 24. Februar 2006 - 18:02
also auf der seite die du verlinckt hast geht der hover effect auch mit dem ff
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
</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
#6
geschrieben 24. Februar 2006 - 18:02
@Benjamin
brauchst dir doch nur auf der Beispielseite anschauen wie das dort gemacht wurde, dann weißt du wies geht
brauchst dir doch nur auf der Beispielseite anschauen wie das dort gemacht wurde, dann weißt du wies geht
#7
geschrieben 24. Februar 2006 - 19:14
Zitat (Benjamin: 24.02.2006, 17:56)
ich denke wir meinen beide das gleiche, dennoch: hast nen beispiel dazu?
Siehe z.B. http://psacake.com/web/jl.asp
#8 _Benjamin_
geschrieben 25. Februar 2006 - 01:18
- ← [php] Funktion Aus Ersetzungsstring Von Preg_replace Aufrufen
- Skript/Web-Programmierung
- [html] Idee Gesucht Für Thumbnail Darstellung →
Thema verteilen:
Seite 1 von 1