mimhakkuh: Link 'Liste' in Leistenform

Hi ... vielleicht hat jemand von Euch eine Idee, wie man diese Liste von Links mit CSS realisieren könnte? Die gesamte Zeile in breite des Containers soll hover-'sensitiv'funktionieren und ins dunkelgrau wechseln ... bin da gerade etwas überfragt, was die Handhabung angeht:
http://img410.imageshack.us/img410/3751/linksog1.gif ... Dank & Gruss! F.

  1. Hi,

    Die gesamte Zeile in breite des Containers soll hover-'sensitiv'funktionieren

    normalerweise würdest Du einfach li:hover entsprechend formatieren. Wenn Du den IE6 unterstützen willst, musst Du allerdings die Links in den li selektieren und ihnen auch noch display:block und die passende Breite zuweisen.

    freundliche Grüße
    Ingo

    1. Hi und vielen Dank für die Antwort,

      ich versuche das nun wie folgt zu lösen:
      die li-elemente befinden sich jeweils in einem anker.

      http://mimaku.info/misc/beisenherz/malerei

      Problem sind i.m. noch die Positionierung des Datums (position: absolute funktioniert hier nicht) und der Hover-Effekt im IE: @Ingo: du meinst, im IE soll der Farbwechsel über a.hover funkionieren passieren?

      ++++++
      Wenn Du den IE6 unterstützen willst, musst Du allerdings die Links in den li selektieren und ihnen auch noch display:block und die passende Breite zuweisen.

      1. Hi,

        die li-elemente befinden sich jeweils in einem anker.

        http://mimaku.info/misc/beisenherz/malerei

        innerhalb eines a-Elements - und das ist doppelt falsch, weil in ul direkt nur li stehen dürfen und in a keine li.

        Problem sind i.m. noch die Positionierung des Datums (position: absolute funktioniert hier nicht)

        float wäre Dein Freund.

        und der Hover-Effekt im IE: @Ingo: du meinst, im IE soll der Farbwechsel über a.hover funkionieren passieren?

        nein, über a:hover, weil der IE6 :hover nur bei Links kennt.

        ++++++
        Wenn Du den IE6 unterstützen willst, musst Du allerdings die Links in den li selektieren und ihnen auch noch display:block und die passende Breite zuweisen.

        Bitte zitiere das nächste mal sinnvoll. D.h. lösche nicht nur überflüssiges, sondern lasse die Zitatzeichen stehen und setze Deine Antwort *darunter*.

        freundliche Grüße
        Ingo

        1. Das wars - vielen Dank für die Hilfe - Es funktioniert :D