In HTML unterschiedliche link decorations in einer Seite/ Element realisieren

  • Hallo Leute,

    versuche seit drei Tagen folgendes zu lösen:

    Habe ein Widget (Veranstaltung) in das ich per HTML einiges hinein geschrieben habe, auch LINKS.

    Nun möchte ich wegen unterschiedlicher Hintergründe der Lesbarkeit halber die Links unterschiedlich einfärben.

    Bsp: Link1=hover in blau | Link2=hover in weiß | etc.

    Mit class oder id-selector funzt das leider nicht, da alles in einem Element sein soll.

    Es werden immer alle Links angesprochen.

    Für irgendwelche Tipps wäre ich sehr dankbar.

    Freundliche Grüße,

    Andreas

    __________________________________________

    Zeta Producer 16.8.7.0 | Flat Responsive

    https://interstuhl-cup.de

  • Mit class oder id-selector funzt das leider nicht, da alles in einem Element sein soll.

    Wie meinst du "alles in ein Element"? Du hast ja Links (<a> Tags), denen du eine Klasse geben kannst und diese dann per CSS ansprechen und entsprechend stylen kannst.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

  • Hei Phil,

    schön von Dir zu hören. Hoffentlich frisch gestärkt aus dem Urlaub zurück ;)

    In meinem Widget habe ich mehrere einzellige Tabellen mit unterschiedlichen Hintergründen.

    Der Standard-Link (Link:Black, Hover:hellblau) ist auf dunklem Hintergrund schlecht zu erkennen, daher nur explizit dort in weiß gewünscht.

    Kleiner Testaufbau (Ohne Tabelle):

    Im "Infobereich" sollen die Links hover=weiß sein. Ansonsten schwarz.

    Denkfehler oder generell in einem widget per html nicht lösbar??

    Stehe mittlerweile voll im Wald.

    Freundliche Grüße,

    Andreas

    __________________________________________

    Zeta Producer 16.8.7.0 | Flat Responsive

    https://interstuhl-cup.de

  • Hallo Andreas,

    danke der Nachfrage, der Urlaub war sehr entspannend. 8)

    Das von dir gepostet CSS ist nicht valide, da CSS keine Verschachtelung (jedenfalls nicht in dieser Form) im Syntax unterstützt.

    Du musst also immer den Selektor des Eltern (parent) Elements voranstellen. Um einen Link in einem Element mit der ID "infobereich" anzusprechen, musst du also #infobereich a verwenden, weil der Link ein Kindelement des #infobereich ist.

    Ich weiß nicht, ob ich das mit den Farben jetzt zu 100% richtig verstanden habe, das CSS müsste aber in etwas so aussehen:

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

  • Phil,

    Dein CODE ist klasse. Mit !important hat´s funktioniert.

    Alleine wäre ich da lange nicht drauf gekommen. Habe viel Zeit verbraten dadurch.

    Vielen lieben Dank.

    Muss mich da echt mehr reinfuchsen.

    Hast mir wieder einmal sehr geholfen. :thumbup:

    Freundliche Grüße,

    Andreas

    __________________________________________

    Zeta Producer 16.8.7.0 | Flat Responsive

    https://interstuhl-cup.de

Jetzt mitmachen!

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