Unterstrich beim a-tag entfernen

[Linuchs]

Moin,

mit

li a {
  text-decoration:  none;
  border-bottom:    none;
}

sollte eigentlich der (schwarze) Unterstrich verschwinden, er ist aber immer noch da. Da die Seite online zwar zu den einzelnen Liedern verlinkt, aber auch Deckblatt eines gedruckten Liederbuchs ist, stört das:

Firefox

Danke fürs Mitdenken und einer Lösung.

Gruß, Linuchs

[Rolf B]

Hallo Linuchs,

die Darstellung in Edge ist anders. Ich nehme an, du hast bereits eine Ursache bekämpft.

Einige Items sind aber noch unterstrichen und haben einen grünen Punkt davor. Das ist vermutlich Absicht, weil die die Klasse uebungsheft_2 haben, die genau diesen Effekt erzeugt.

Rolf

[Linuchs]

Hallo Rolf,

Absicht oder anderer Bug?

Absicht, das sind Lieder, die auch in kleine A5-Büchlein übernommen wurden (reine Info).

Auf Seite 1 ganz unten: Übungsheft_1, Übungsheft_2

P.S. die Links funktionieren nicht, weil das Deckblatt-Original mit den Liedern im passwort-geschützten Ordner ist.

Gruß, Linuchs

[Felix Riesterer]

Lieber Linuchs,

li a {
  text-decoration:  none;
  border-bottom:    none;
}

vielleicht ist der Selektor nicht genügend spezifisch? a:link schon probiert?

Liebe Grüße

Felix Riesterer

[Gunnar Bittersmann]

@@Felix Riesterer

vielleicht ist der Selektor nicht genügend spezifisch? a:link schon probiert?

Das wäre falsch. Anderes als der Name vermuten lässt, selektiert a:link nicht alle Links, sondern nur unbesuchte.

Alle Links selektiert man mit a:any-link (was dasselbe sein dürfte wie a[href]).

🖖 Live long and prosper

[MudGuard]

Hi,

sollte eigentlich der (schwarze) Unterstrich verschwinden, er ist aber immer noch da.

Was sagt der inspector dazu, wo die text-decoration herkommt?

Rechtsklick auf den betroffenen Link, dann inspect bzw Untersuchen

cu,
Andreas a/k/a MudGuard

[Da bist Du platt!]

Dazu könnte auch gehören, daß man sich im Inspektor auch die Browser-Stile anzeigen läßt. — möglicherweise ist ja auch der Browser dazu „erzogen“, Links immer zu unterstreichen.

[Rolf B]

Hallo,

Chrome tut das eh.

Ob man den Firefox erst extra darum anbetteln muss, weiß ich nicht.

Aber, ja, eine Unterstreichung von Links kann aus dem Browser kommen.

Und nein, das Thema ist nicht mehr offen, Linuchs hat es längst gelöst.

Da bist Du platt, was?

Rolf

[Linuchs]

Hallo Rolf,

Und nein, das Thema ist nicht mehr offen, Linuchs hat es längst gelöst.

Ist noch offen, Inspektor zeigt dies:

Aber, ja, eine Unterstreichung von Links kann aus dem Browser kommen.

Wie heißt die Datei, welcher Ordner (Ubuntu)?

Gruß, Linuchs

[Gunnar Bittersmann]

@@Linuchs

Und nein, das Thema ist nicht mehr offen, Linuchs hat es längst gelöst.

Ist noch offen

Bei dir vielleicht. Wie ich schon schrieb, tut es das bei mir nicht (macOS). Und ich sehe auch nicht, warum es das sollte.

Kann das Problem irgendwer auf Windows oder irgendeiner Linux-Distribution nachvollziehen? Wenn nicht, tippe ich auf einen Render-Fehler von deinem OS.

Und dann musst du dir keine Gedanken drüber machen. WYSINWOS – what you see is not what others see, ein Grundprinzip des Webs.

🖖 Live long and prosper

[Fred]

Kann das Problem irgendwer auf Windows oder irgendeiner Linux-Distribution nachvollziehen? Wenn nicht, tippe ich auf einen Render-Fehler von deinem OS.

Windows 11 pro: Firefox, Waterfox, Chrome und Edge;
Xubuntu-VM mit Firefox;
Die Links sind überall nicht unterstrichen.

Gruß Fred

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Und nein, das Thema ist nicht mehr offen, Linuchs hat es längst gelöst.

Ist noch offen

Bei dir vielleicht. Wie ich schon schrieb, tut es das bei mir nicht (macOS). Und ich sehe auch nicht, warum es das sollte.

Hast du vielleich in deinem Nutzer-Stylesheet sowas wie
a:any-link { text-decoration: underline !important } zu stehen?

🖖 Live long and prosper

[Linuchs]

Inspektor:

Keine weiteren Angaben zu a

Werden die browser-eigenen Einstellungen im Inspektor auch gezeigt? Vor Jahren hatte ich da mal was geschraubt.

Wie heißt die Datei, welcher Ordner?

[Linuchs]

Habe die Datei userChrome.css angelegt:

Firefox neu gestartet, wirkt nicht. Auch nicht mit li a

[Gunnar Bittersmann]

@@Linuchs

Habe die Datei userChrome.css angelegt:

Firefox neu gestartet, wirkt nicht.

Kann ja auch nicht, weil du das in deinem Autorenstylesheet mit a { color: #000 } überschreibst. Das hat in der Kaskade höhere Priorität.

Und wie du dort siehst, ist die Priorität des Ursprungs bei !important-Regeln genau andersrum. Das ist gewollt.

🖖 Live long and prosper

[Matthias Scharwies]

Servus!

Keine weiteren Angaben zu a

Werden die browser-eigenen Einstellungen im Inspektor auch gezeigt? Vor Jahren hatte ich da mal was geschraubt.

Wie heißt die Datei, welcher Ordner?

Nein, keine Datei! In den Entwicklerwerkzeugen (Seiteninspektor).

Siehe hier: Entwickler-Tools_–_testen_und_debuggen#CSS_untersuchen

Links das HTML, in der Mitte Dein CSS, rechts die berechneten Werte. Ohne CSS-Festlegung stehen da die Werte der Browser-Stylkesheets drin.

Herzliche Grüße
Matthias Scharwies

[Gunnar Bittersmann]

@@Linuchs

mit

li a {
  text-decoration:  none;
  border-bottom:    none;
}

sollte eigentlich der (schwarze) Unterstrich verschwinden, er ist aber immer noch da.

Nö. Bei mir ist da keiner. Das Problem hat sich erledigt?

Aber wo wir gerade zusammen sind: Der Sprachcode für „Adiemus“ wäre zxx, siehe Kennzeichnung von Text mit keiner Sprache.

Bei einem Sprachauswahlmenü ist es richtig, die Sprachen in der jeweiligen Sprachen anzugeben. Aber darum geht es hier nicht; hier soll es eine Erklärung der Sprachkürzel für ein deutschsprachiges Zielpublikum sein. Also: Dänisch, Deutsch, Englisch, Spanisch, …

Alle li haben bei dir die Klasse "position" – ein sicheres Zeichen, dass die Klasse überflüssig ist. (Mal ganz abgesehen davon, dass sie schlecht benannt ist.) Statt li.position kannst du .inhalt > li verwenden.

Die <span class="title"> haben nur jeweils ein Kindelement, können also weg. Du kannst die Formatierungen auf .inhalt a anwenden.

Um den erstmals vorkommenden Anfangsbuchstaben fett und rot zu machen, erzeugst du umständlich <span class="erster">-Elemente. Besser: du hängst die Klasse "erster"> an die jeweiligen li-Elemente und selektierst .erster a::first-letter. Damit das wirkt, .inhalt a { display: inline-block } setzen.

🖖 Live long and prosper