Flo: Vor Link noch farbigen Kasten?

SELF-Forum

Vor Link noch farbigen Kasten?

Flo
– Informationen zu den Bewertungsregeln

Hallo alle,

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.

Ich will das ganze aber ohne JavaScript machen! Funktioniert dies auch mit CSS oder irgendwie anders?

Kann mir wer helfen?

Vielen Dank!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Vor Link noch farbigen Kasten?

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    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 bietet sich an.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Vor Link noch farbigen Kasten?

      Flo
      – Informationen zu den Bewertungsregeln

      Hallo,

      ja wie border-left???

      Ich will ja einen ganzen Kasten der farbig ist und wenn ich über den Link fahre soll der die Farbe ändern!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Vor Link noch farbigen Kasten?

        MudGuard Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi,

        ja wie border-left???
        Ich will ja einen ganzen Kasten der farbig ist

        Breit. Solide. Farbig.

        und wenn ich über den Link fahre soll der die Farbe ändern!

        Dann gibst Du dem gehoverten Link eben eine andere Farbe für border-left.

        cu,
        Andreas

        --
        MudGuard? Siehe http://www.Mud-Guard.de/
        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Vor Link noch farbigen Kasten?

    Tim Tepaße
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Vor Link noch farbigen Kasten?

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    ich habe eine Tabelle und in jedem <td></td> steht ein Link. Jetzt will ich vor dem Link noch einen farbigen Kasten

    also z.B. etwas in der Art http://www.1ngo.de/web/imenu.html bzw. weitere unter http://css.maxdesign.com.au/listamatic/? Dafür benötigst Du weder Javascript noch Tabellen.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln