Wie Text hochstellen und unterstreichen?

JoomlaWunder · 16. Mai 2020

Hallo,

ich bin gerade auf ein kleines Problem gestoßen. Im JCE wollte ich 2 Zeichen in einem unterstrichenen Text hochstellen, also über x²-Symbol bzw. <sup>....</sup>

Erwartet habe ich folgendes: Dies ist ein Textbeispiel^*) hier!

Nun wird mir der Unterstrich bei beiden hochgestellten Zeichen aber auch hochgestellt angezeigt (Editor und Frontend). Hier im Editor des Forums kann ich das so gar nicht eingeben/darstellen. Der Code ist jeweils der gleiche.

Woran mag das liegen?

Ich habe es mit text-decoration: underline; und auch über <u>...</u> versucht.

Joomla und JCE sind aktuell!

PHP 7.4

Getestet mit aktuellem Firefox!

Re:Later · 16. Mai 2020

Nur ein schneller Versuch als Ansatz:

Code

<span style="border-bottom:solid 1px black;">Beiepiel <sup style="display: inline-block; line-height:inherit;">*)</sup> hier</span>

JoomlaWunder · 16. Mai 2020

Ok! Über border kann man es so machen, das funktioniert, auch wenn das optisch ein klein wenig anders ausschaut.

Wer oder was interpretiert denn den Code so unterschiedlich, wenn man es versucht, auf die herkömmliche Art und Weise zu machen?

anka · 16. Mai 2020

Damit müsste es auch klappen:

CSS

Code

.unterstrichen sup {
  position: static;
  display: inline;
  vertical-align: super;
  font-size: 75%;
}
.unterstrichen {
  text-decoration: underline;
}

HTML

Code

<span class="unterstrichen">Dies ist ein Textbeispiel<sup>*)</sup> hier!</span>

JoomlaWunder · 16. Mai 2020

Auch das funktioniert. Danke!