mabu: verschiedene linkfarben

Hi!

Ich kenn mich mit CSS nicht soooooo gut aus und deshalb kann ich mein problem leider nicht selbst lösen.

Also, ich will das ca. so machen.

<style>
.menu { a:hover {link-color: #0000FF; }; }
.untermenu { a:hover {link-color: #FF0000; }; }
</style>
aber das funzt net
wie kann ich das jetzt machen, dass bei beiden definitionen die links verschieden aussehen?

mfg und danke,
mabu

  1. Hi,

    so ähnlich:

    <style>

    .menu a:hover{color: #0000FF; }
    .untermenu a:hover {color: #FF0000;}

    </style>

    geht aber nur, wenn im html-Teil z.B. so was steht:

    <div class="menu"><a href="...">link</a></div>
    <div class="untermenu"><a href="...">link2</a></div>

    Siehe auch:
    http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
    und
    http://selfhtml.teamone.de/css/formate/zentrale.htm#pseudoformate

    Grüße,

    Ronny

    1. danke für deine antwort

  2. Hi,

    .menu { a:hover {link-color: #0000FF; }; }
    .untermenu { a:hover {link-color: #FF0000; }; }

    mach das ganze einfach so:

    .menu a:hover { color: #0000FF; }
    .untermenu a:hover { color: #FF0000; }

    Die von Dir versuchte Schachtelung ist falsch, da innnerhalb der geschweiften Klammern nur die CSS-Formatierungen selbst stehen dürfen.
    Und link-color gibt's nicht.

    Schönen Gruß aus Bilk

    Rainer

  3. Hi!

    Tach

    Ich kenn mich mit CSS nicht soooooo gut aus

    das sieht man!

    und deshalb kann ich mein problem leider nicht selbst lösen.

    Also, ich will das ca. so machen.

    <style>
    .menu { a:hover {link-color: #0000FF; }; }
    .untermenu { a:hover {link-color: #FF0000; }; }
    </style>
    aber das funzt net

    Kann auch nicht funktionieren. Ich nehme mal an, daß Du das meinst mit funzen...

    Weder ist die Schachtelung so wie Du es willst, noch ist es erlaubt, irgendwelche frei erfundenen Properties zu benutzen.
    Und Pflicht-Attribute sollte man immer setzen...

    <style type="text/css">
    .menu a:hover { color: #0000FF; }
    .untermenu a:hover { color: #FF0000; }
    </style>

    Lies Dir mal http://www.w3.org/TR/REC-CSS2/selector.html durch.

    wie kann ich das jetzt machen, dass bei beiden definitionen die links verschieden aussehen?

    so wie oben angegeben.

    mfg und danke,

    Bitte

    mabu

    Andreas

  4. Hallo,

    Also, ich will das ca. so machen.

    <style>
    .menu { a:hover {link-color: #0000FF; }; }
    .untermenu { a:hover {link-color: #FF0000; }; }
    </style>
    aber das funzt net
    wie kann ich das jetzt machen, dass bei beiden definitionen die links verschieden aussehen?

    a.menu:hover {...}
    a.untermenu:hover {...}

    Eie Eigenschaft link-color gibt es nicht.

    MfG, Thomas