Alle Templates: Kleiner Zeilenabstandsfehler bei Aufzählungen

04.06.2020 08:23 (zuletzt bearbeitet: 04.06.2020 08:37)
#1 Alle Templates: Kleiner Zeilenabstandsfehler bei Aufzählungen
avatar
Mitglied

Der Fehler ist mir aufgefallen, weil @844er intensiv nach Lösungen für automatische Aufzählungen gefragt hat....

***************

Text Text Text Text Text Text

  • Test Test

Text Text Text Text Text Text
  • Test Test

1
2
3
4
5
 
Text Text Text Text Text Text
[ul][li]Test Test[/li][/ul]
 
Text Text Text Text Text Text
[ul][li]Test Test[/li][/ul]
 



Fehler bei Zeilenabständen und Aufzählungen:
Der Fehler zeigt sich auch hier im Support [V6], allerdings nur in der Vorschau!
Im z.B. Business-Template V4 tritt der Fehler in der Vorschau und im Beitrag auf!

  • Schreibe ich einen Beitrag mit dem obigen Forencode,
    wird bei der 1. Aufzählung ein Zeilenabstand hinzugefügt, der aber nicht da und nicht gewollt ist!
    Siehe Forencode!
  • Schaut man sich den Quell-Code an, wird ein Beitrag immer mit <p> ... </p> umschlossen!
    Kommt jetzt eine Aufzählung hinzu (<ul> oder <ol>) , wird die Aufzählung ausgeschlossen!
    Nur der Beitrag vor der 1. Aufzählung wird mit <p> ... </p> umschlossen!
    Und der verursacht dann den Zeilenumbruch!

Vorab-Lösung:
Eine von außen mögliche Lösung könnte so aussehen, dass im Beitrag <p> in <span> umgewandelt wird.
<p> ... </p> verursacht nämlich einen Zeilenumbruch.....
<p> kommt sonst, denke ich, nicht weiter zum Einsatz. Hier wird <br> für Umbrüche genutzt!
Kommt in die "Fußzeile":

Fürs Business-Template

1
2
3
 
<script>
$('.mtext p').each(function(){$(this).replaceWith( "<span>" + $(this).html() + "</span>" );});
</script>
 



Bis dann
Gruß
Wolfgang


Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

04.06.2020 11:41
avatar  Ingmar
#2 RE: Alle Templates: Kleiner Zeilenabstandsfehler bei Aufzählungen
avatar
Technik

Die p-Tags in spans umzuwandeln ist hier nicht nötig.

Der Absatz kommt ja nicht von alleine, sondern ist per CSS vorgegeben.

1
2
3
 
.mtext p {
margin: 12px 0px;
}
 




Du kannst das auch in einem CSS-Addon überschreiben, wenn du da keinen Abstand möchtest.

1
2
3
 
.mtext p {
margin: 0px !important;
}
 



Aber: Der Abstand macht ja schon auch einen gewissen Sinn. Ich sehe hier den Fehler eher darin, dass der p-Tag nicht um den gesamten Beitragsinhalt gesetzt wird sondern nur um den Text vor der ersten Liste

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!