Link in Tabelle?!

[Flo]

Hallo,

ich habe einen Link in einer Tabelle und nun möchte ich, wenn jemand über den Link fährt, dass sich der Hintergrund der Tabellenzelle ändert.

Aber nicht nur wenn er über den Link fährt, sondern auch wenn er neben dem Link auf dem leeren Platz in der Tabellenzelle mit der Maus drüber fährt.

Kann mir bitte wer helfen?

M.f.G.

Flo

[Thomas Luethi]

Hallo,

Aber nicht nur wenn er über den Link fährt, sondern auch wenn er neben dem Link auf dem leeren Platz in der Tabellenzelle mit der Maus drüber fährt.

Guck mal etwas weiter unten: [pref:t=73577&m=423719]
(CSS) hover-effekt für <td> von megge, 24. 02. 2004, 17:57

td a { display:block; }

Oder JavaScript-Basteleien.

Gruesse,

Thomas

[Flo]

Hallo,

ich werde einfach nicht schlau daraus!? .navi ist für <table class="navi"> .navi1 ist für <td class="navi1"> und Kennzeichnet jeden Hauptlink und .navi2 für <td class="navi2"> und Kennzeichnet jeden Unterlink. Wenn ich jetzt in die erste Tabelle fahre auf den freien Platz neben den Link dann funktioniert alles, nur bei den weiteren Links passiert nichts. Woran kann das liegen? Hier mal meine CSS Datei:

a:link       { text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}
a:visited    { text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}
a:active     { text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}
a:hover      { text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}

.navi{
background-color: #FFFFCC;
border-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-color: #CC0000;
}

.navi1{
background-color: #FFFFCC;
border-width: 1px;
border-top-style: solid;
border-color: #CC0000;
}

td.navi1 a:link       {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}
td.navi1 a:visited    {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}
td.navi1 a:active     {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}
td.navi1 a:hover      {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: bold}

.navi2{
background-color: #FFFFCC;
border-width: 1px;
border-top-style: solid;
border-color: #CC0000;
}

td.navi2 a:link       {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: normal}
td.navi2 a:visited    {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: normal}
td.navi2 a:active     {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: normal}
td.navi2 a:hover      {display: block; text-decoration: none; color: #000000; font-family: Verdana ; font-size: 13px; font-weight: normal}

[Thomas Luethi]

Hallo,

Du hast sehr viel redundantes in Deinem CSS-Code.
Das macht ihn extrem lang und unuebersichtlich.

font-family, font-size, font-weight u.s.w. wuerde
ich allgemein fuer a { } definieren. Wenn ueberhaupt.

Fuer die Pseudoklassen jeweils nur das, was spezifisch ist,
z.B. Farben.

Und wenn es notwendig ist, alle Pseudoklassen einzeln
aufzufuehren, aber Du fuer mehrere bzw. alle dasselbe
Aussehen willst, dann fass es bitte zusammen:

a:link, a:visited, a:hover, a:active
 { ... }

Alles, was Du fuer "normale" Links (ohne Klasse) definiert hast,
musst Du fuer die speziellen Links nicht mehr angeben.

Und nochwas:
font-family: Verdana ;
1. Das Leerzeichen vor dem Semikolon koennte den
einen oder andern Browser stoeren.
2. Gib auch noch die allgemeine (generische) Schriftart an:
font-family: Verdana,sans-serif;

Ist der HTML-Code valide?
Du warst damit ziemlich geizig...

Am besten stellst Du die Seite mal online und postest
hier die URL, natuerlich als Link (</faq/#Q-19>).

Gruesse,

Thomas

[Roger]

moin!

lies mal ein paar threads weiter unten. ich hatte/hab auch ein css problem, hab aber deins dort bereits gelöst.

gruß.
roger.