• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

In Tabelle mehrere mouseover effekte?

A

atilla

Neues Mitglied
Tag zusammen,

ich möchte innerhalb einer Tabelle beim überfahren eines Datensatzes den Hintergrund ändern.

Ein Beispiel: https://www.buerklin.com/default.asp?event=ShowPHNode(PH,PH,411)&l=d&jump=PHNode_PH_PH_411

Sobald ich mit der Maus über ein Produkt fahre wird der Hintergrund gelb.

Mit Stylesheets funktioniert das über hover, jedoch nur bei Links.
Mit dem Befehl mouseover klappt das ganze bei Grafiken.

Jedoch seh ich da irgendwie bei beiden nicht die Lösung für mein Problem.

Und aus dem Quelltext des oben genannten Beispiels kann ich auch nicht schlau werden.

Hat jemand eine Ahnung?

Dank schon mal im Voraus.
 
Ab IE7 aufwärts sollte :hover funktionieren:

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>:hover</title>
        <style type="text/css">
        /* <![CDATA[ */
            table {
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                border-collapse: collapse;
                width: 100%;
            }

            tr:hover {
                background-color: yellow;
            }

            td {
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                padding: 5px;
            }
        /* ]]> */
        </style>
    </head>

    <body>
        <table>
            <tr>
                <td>foo</td>
                <td>bar</td>
            </tr>
            <tr>
                <td>foo</td>
                <td>bar</td>
            </tr>
            <tr>
                <td>foo</td>
                <td>bar</td>
            </tr>
            <tr>
                <td>foo</td>
                <td>bar</td>
            </tr>
            <tr>
                <td>foo</td>
                <td>bar</td>
            </tr>
        </table>
    </body>

</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben