Tabelle (Hintergrund, Link, Hovereffect)

  • Hallo

    Ich möchte gern meine Tabelle etwas auffrischen mit einem Link, Hintergrund soll aller zwei zeilen grau sein. und dann soll der link Farbig mit hovereffect sein. aber aus irgendwelchen grund funktioniert dies nich so recht.

    Hier meine tabelle

    <table style="width: 613px; height: 104px;" border="0">
    <tbody>
    <tr >
    <td> <a " class="ueber" href="datei.php">13.08.2013 - Mi 00:00 Uhr Mannschaft - Mannschaft Cossebaude 0-:-0</a></td>
    </tr>
    <tr>
    </tbody>
    </table>


    und heir der code noch dazu

    <style type="text/css"> <!--

    /*Die Tabellenzelle*/
    td.sw {
    text-align:center;
    width:600px;
    height: 40px;
    border:solid 0px #000000;
    }

    /* Link-Einstellungen allgemein*/
    a.ueber {
    display:block;
    width:600px;
    height: 40px;
    font-size:12px;
    font-family:Arial;
    }

    /*Link mit weißem Hintergrund*/
    a.ueber:link, a.ueber:visited {
    color:#000000;
    height: 40px;
    width:600px;
    background-color:#ffffff;
    }

    /*Link über dem die Maus steht*/
    a.ueber:hover {
    color:#ffffff;
    height: 40px;
    width:600px;
    background-color:#009900;
    }

    --> </style>

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • also über css kannst du es so verwirklichen,

    <style>
    .count tr:nth-child(odd) { background: #f00; }
    .count tr:nth-child(even) { background: #0f0; }
    </style>
    <table class="count">
    <tbody>
    <tr>
    <td>Hans</td>
    <td>Meyer</td>
    </tr>
    <tr>
    <td>Patrick</td>
    <td>Hans</td>
    </tr>
    <tr>
    <td>Patrick</td>
    <td>Hans</td>
    </tr>
    <tr>
    <td>Patrick</td>
    <td>Hans</td>
    </tr>
    </tbody>

  • mit php kannst du es auch so machen,

    PHP
    class="<?php echo ($class++%2); ?>

    weiterhin geht es auch über eine for schleife oder über die ausgabe odd even innerhalb einer foreach.

    es gibt hunderte möglichkeiten dafür einfach mal etwas googeln und probieren

    Einmal editiert, zuletzt von Dezanjo (16. Juli 2013 um 22:27)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!