jonas dinkelmann: CSS Aufzählungs-links formatieren

SELF-Forum

CSS Aufzählungs-links formatieren

jonas dinkelmann
– Informationen zu den Bewertungsregeln

Hallo Zusammen

Ich hab schon wieder ein Problem:

Ich habe eine Aufzählung welche ich mit CSS formatiere:

/* Subnavi aufzählung  */
ul#subnavlist{list-style-type:none;margin: 0px;padding: 0;}
ul#subnavlist li {margin: 0;padding: 0;}

und ich formatiere die Links für die Aufzählung:

/* Subnavi Links  */
#subnavlist a{display:block;padding:3px;border:0px;text-decoration:none;color:#000000;font-size: 14px;font-family: Candara, Calibri, Arial;}
#subnavlist a:hover {color:#B74C4C;background:url(http://tibet-forever.ch/site/misc/pics/div/subnavbg.gif);}

und jetzt möchte ich, dass wen ein Link aktiv ist, dieser etwas anders formatiert wird.

So hab ichs probiert:

#subnavlist aktiv:link {display:block;padding:3px;text-decoration:none;font-size: 14px;font-family: Candara, Calibri, Arial;color:#B74C4C; background:url(http://tibet-forever.ch/site/misc/pics/div/subnavbg.gif); border-left: 3px solid #B74C4C; border-bottom:1px solid #B74C4C}

Und beim Link habe ich dann class="aktiv" angegeben.
Dies funktioniert jedoch nicht. Kann mir jemand sagen wie man sowas macht?

Vielen Dank
Gruss Jonas

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS Aufzählungs-links formatieren

    Elya Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo jonas,

    und jetzt möchte ich, dass wen ein Link aktiv ist, dieser etwas anders formatiert wird.

    Was meinst du mit "aktiv"? Die aktuelle Seite? Dann geht's ganz einfach so:

    <li>Linktext der aktuellen Seite</li>

    oder auch bei Bedarf:

    <li><span>Linktext der aktuellen Seite</span></li>

    und im CSS dann:

    #subnavlist li {/* Deine "aktiv"-Formatierung */}
    bzw.
    #subnavlist li span {/* Deine "aktiv"-Formatierung */}

    Denn: never have a link that points to the current page ;-)

    Gruß aus Köln-Ehrenfeld,

    Elya

    --

    Jeder Euro hält Wikipedia am Laufen
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS Aufzählungs-links formatieren

      jonas dinkelmann
      – Informationen zu den Bewertungsregeln

      Hy Elya,

      Vielen Dank, habs jetzt genau so gemacht.

      Gruss Jonas

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. CSS Aufzählungs-links formatieren

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    #subnavlist aktiv:link {display:block;padding:3px;text-decoration:none;font-size: 14px;font-family: Candara, Calibri, Arial;color:#B74C4C; background:url(http://tibet-forever.ch/site/misc/pics/div/subnavbg.gif); border-left: 3px solid #B74C4C; border-bottom:1px solid #B74C4C}

    Und beim Link habe ich dann class="aktiv" angegeben.
    Dies funktioniert jedoch nicht.

    Wenn du Elemente einer Klasse selektieren willst, solltest du Elemente einer Klasse selektieren: '.aktiv'. [CSS2 §5.1, CSS2 §5.8.3]

    Elya hat dich ja schon auf [Nielsen] verwiesen; ich nutze die Gelegenheit, dich noch auf [Meiert] zu verweisen.

    See ya up the road,
    Gunnar

    --
    „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln