Philip Naggert: Hover-Effekt: Zwei Spalten ansprechen

Beitrag lesen

Hi,

Kann ich mit CSS beim Hover 2 Spalten ansprechen? Wie auf der Grafik zu erkennen ist, verändern sich zwei Spalten

ich erkenne da keine Spalten. Spalten sind ein Begriff, den ich insbesondere mit Tabellen assoziiere; und da Du dort tabellarische Daten nicht im Mindesten vorliegen hast, wirst Du eine Tabelle ganz sicher nicht verwenden. Wo also sollen dort Spalten sein?

(links von blau auf orange, rechts von hellgrau auf dunkelgrau).

Das sind keine Spalten.

Nun möchte ich erfahren, ob und wenn ja, wie dies umsetzbar ist.

Bei dem Strukturcode, der sich den Inhalten regelrecht aufdrängt, ist der gewünschte Effekt mit CSS leicht zu erreichen. Ohne irgend welche Spalten.

Cheatah

Hallo Cheatah,

danke für Deine schnelle Antwort und jedoch muss ich Dir widersprechen, da ich mit Tabellen arbeite - vll eine schlechte Idee meinerseits?

Hier einmal der Code:

.nav_katlinks
{
    background-color: #ffffff;
    padding: 0px;
    font-size: 10px;
}

.nav_unterpunkt
{
    width: 100%;
    height: 16px;
    color: #000;
    padding: 1px 3px 1px 3px;
    background-color: #DADADA;
    font-size: 11px;
}

.nav_unterpunkt a:link
{
    width: 100%;
    text-decoration: none;
    color: #000;
}

.nav_unterpunkt a:hover
{
    width: 100%;
    background-color: #C0C0C0;
}

.nav_untlinks
{
    background-color: #2B6598;
    padding: 0px;
    font-size: 11px;
}

Und die dazugehörige Tabellenstruktur:

<table border="0" cellspacing="0" cellpadding="0" width="780">
  <tr>
    <td width="1" class="nav_katlinks">&nbsp;</td>
    <td width="149" colspan="2" class="nav_kategorie">1.BUNDESLIGA</td>
  </tr>
  <tr>
    <td width="1" class="nav_untlinks">&nbsp;</td>
    <td width="149" colspan="2" class="nav_unterpunkt">Spieltag</td>
  </tr>
  <tr>
    <td width="1" class="nav_unthover">&nbsp;</td>
    <td width="149" colspan="2" class="nav_hover">Tabelle</td>
  </tr>
</table>