Hover effekt auf ganze TD zelle
leute wer kann mir in meine TD ZELLE einen hover einbauen?
wenn ich mit der maus rauf gehe dann soll die gaze zelle in eine andere farbe läuchten. <table> <tr> <td style="width:180px; background-color:#000;"> <span style="float:left;">NIKE AIR MAX</span> <span style="float:right;">60€</span></td> </tr> </table> |
Schon mal an :hover gedacht? Geht aber nicht in alten IE (ohne js).
Manfred |
weiss nicht so recht, ich halte mehr so ein abstand zu java.
ich hab die erfahrung gemacht das computer nutzer java selbst installieren müssen um java funktionen/chat auf websiten nutzen zu können. nicht jeder computer nutzer weiss was java ist. |
Zitat:
|
damit wollte ich sagen das ich an java lösungen nicht denke :)
|
Zitat:
Aber auch hier ist nicht garantiert, daß alle Besucher es aktiviert haben, und den Hovereffekt auch sehen. SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen In älteren IEs wirkt die Pseudoklasse :hover nur auf A-Elemente, also nur auf Links und Anker. Du könntest also einen Link in die Tabellenzelle legen, der die Zelle zu 100% ausfüllt, und dann diesen Link hovern. Das würde dann auch in älteren Browsern angezeigt werden. Hover in Tabellenzelle (wg Schrottwerbung JS aktivieren) Diese Methode hätte aber den Nachteil, daß die Seite immer wieder hochspringt, wenn der Besucher auf den Link klickt, und dieser die aktuelle Seite referenziert. Demo hier: Hover in Tabellenzelle-2 |
mit li macht man ja eigentlich menüs. kann ich damit nicht tabellen machen? bei li hat man solche hover probleme nicht.
<table> <tr> <td:hover background-color:#fff style="width:180px; background-color:#000;"> <span style="float:left; font-family:Arial;">NIKE AIR MAX</span> <span style="float:right; font-family:Arial;">60€</span></td> </tr> </table> ich habe es so versucht aber es hat nicht geklappt |
Zitat:
Dort wird beschrieben, an welcher Stelle :hover zu deklarieren ist. |
ich habe es mir durchgeschaut und kein td:hover beispiel gefunden, nur ein h1:hover beispiel.
nun hab ich es einmal damit umsetzen wollen aber hat nicht geklappt und ein versuch hatte ich noch gemacht mit JS, was ich glaub ich noch vergessen habe zu erwähnen, die zelle soll ganz mit hover gefüllt sein UND die ganze zelle soll als link funktionieren. so wie bei einem LI menü <head> <style type = text/css> a:hover { font-weight:bold; color:#FFF; background-color:#0F0; text-decoration:none; } td:hover { background-color:silver; } </style> </head> <body> <table> <tr> <td style="width:180px; background-color:#000;"> <a href=""><span style="float:left; font-family:Arial;">NIKE AIR MAX</span> <span style="float:right; font-family:Arial;">60€</span></a></td> </tr> </table> <br /><br /> <table> <tr> <td onMouseOver="this.style.backgroundColor='#60ff00'; "onMouseOut="this.style.backgroundColor='#ff80 ff'" style="width:180px; background-color:#000; color:#FFF"> <span style="float:left; font-family:Arial;">NIKE AIR MAX</span> <span style="float:right; font-family:Arial;">60€</span></td> </tr> </table> </body> </html> |
PHP-Code:
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 12:38 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023