nicht angemeldet
Hallo Flo,
ich habe eine Tabelle und in jedem <td></td> steht ein Link. Jetzt will ich
vor dem Link noch einen farbigen Kasten z.B. weiß und wenn man über den Link
fährt soll der Kasten von weiß auf rot springen.
border-left, wie von Andreas vorgeschlagen, würde sich tatsächlich anbieten,
kann aber ja nach Gestaltung etwas grob wirken. Wenn Du größere grafische
Ansprüche an den Kasten hast, ihn also als Bild einbinden willst, dann
würde sich folgende Variante anbieten:
Du definierst den Link als Blockelement und gibst ihn einen größeren
Innenabstand nach links, das heißt, daß zwischen linkem Rand und dem
Beginn des Textes ein größerer Abstand bleibt. In diesen Abstand rein
kommt dann mit CSS als Hintergrundbild das »weiße Kästchen«. Dann kommt
eine :hover-Regel dazu:
a:hover {
...
background-image:url("roter-kasten.png");
...
}
Das heißt, wenn der Mauszeiger über dem Link schwebt, wird das Hintergrundbild
ausgetauscht.
Man könnte dies auch mit der gesamten Tabellenzelle anstatt für den Link da
drin machen, wenn man bestimmte Vorstellungen für den Klickraum hat, allerdings
interpretieren nur moderne Browser :hover auf andere Elemente als Links.
Tim