Hallo
Die Sortierlinks haben bei mir typisches "link-Verhalten". Die schon besuchten sind offenbar farblich anders (hellgrau) als die noch nicht besuchten (blau) und die aktiven (dunkelgrau). Das find ich nicht unbedingt geschickt... Die Sortierpfeile sind Bedienelemente und während es sinnvoll ist, den aktiven deutlich zu markieren (das deutlich auffälligere blau der unbesuchten Links fände ich hier angebracht) erscheint es mir nicht sinnvoll, bei Bedienelementen visuell zwischen schon besuchten und noch nicht besuchten zu unterscheiden. Das sollte imho noch so geändert werden, dass besuchte und unbesuchte exakt gleich dargestellt werden (wobei ich meine aus dem CSS herauszulesen, dass das auch irgendwie so gedacht war, oder irre ich mich?).
Da die meisten Bedienelemente hier im Forum optisch als Buttons dargestellt werden, sollte das auch für die Sortierer gelten. Ich habe mir die CSS-Regeln für die Hauptnavigation des Forums („neuen Beitrag verfassen“, „Hauptseite“, etc.) rausgesucht und sie auf die Sortierer übertragen. Ob jede der Angaben, die ursprünglich getrennt für die Li-Elemente und die A-Elemente gelten, in der hiesigen Kombination der Angaben sinnvoll ist [1], sei dahingestellt.
Getestet habe ich das allerdings nur auf dem Desktopbrowser (Firefox).
th a.sortable {
background-color: #f1f3f4;
border: 1px solid #d5d5d5;
border-radius: 0 0.4em 0.4em;
display: inline-block;
font-size: 80%;
font-weight: normal;
margin-top: 0.3em;
padding: 0;
color: #3481cd;
line-height: 2em;
padding: 0.1em 0.3em; /* gegenüber den Originalangaben verkleinert, war mir zu massiv */
}
th a.sortable.active {
background-color: #2c7dd3;
border: 0 none;
color: #fff;
font-weight: bold;
}
th a.sortable:focus, th a.sortable:hover, th a.sortable:active {
color: #990909;
}
[edit]Wie ich gerade sehe, habe ich die Angaben für a:focus
, a:hover
und, falls vorhanden a:active
nicht gesetzt. Wird nachgeliefert.[/edit]
[edit]Fehlende Angaben nachgeliefert.[/edit]
Tschö, Auge
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“
Da ist z.B. in
th a.sortable
einmalpadding: 0;
aus den Angaben fürnav ul li
und einmal das Derivatpadding: 0.1em 0.3em;
aus den Angaben fürnav ul a:link
(ursprünglichpadding: 0.4em 0.6em;
). ↩︎