Defintion von HTML-Elementen

drambeldier · 1. April 2023

Liebe ExpertInnen,

während der Migration ist es mir mit Unterstützung gelungen, als Hintergrund für den gesamten body eine Grafik einzubinden, Nun erscheinen allerdings Lücken zwischen den Paragraphen:

Im FF Inspector werden diese Bereiche als <p>Leerraum>/p> angezeigt.

Wie werde ich das wieder los? Meine Kenntnisse in HTML und CSS sind rudimentär, als Einstand habe ich Hintergrund, Header und Footer frisiert, aber nu beißt's aus. Verlinken kann ich nichts, hab den Entwurf nur aufm localhost.

WM-Loose · 1. April 2023

Bei Designfragen immer Link zur Webseite angeben

Elwood · 1. April 2023

Ist doch lokal.

Und allgemein würde ich Xampp mit PHP 8.2 noch nicht verwenden,

da noch nicht alle Erweiterungen/Template/Framework ggf. 8.2-Ready sind.

drambeldier · 1. April 2023

Nachschlag: Saublöde Überschrift. Was ich damit sagen wollte: Mir fehlt einfach der Haken, an dem ich den Hut aufhängen könnte, also die Stelle, an der ich eingreifen müsste. Das HTML wird doch weitgehend generiert, fürs CSS brauche ich den Namen einer Class (oder was auch immer), die zu erweitern wäre.

ps dirk: Da mache ich mir die Mühe, fülle alles aus und dann liest das wieder mal keiner

Elwood · 1. April 2023

Am Besten wäre es, wenn du die Seite auf eine Subdomain schieben könntest.

Kann man gezielter helfen.

chr-hl · 1. April 2023

Hallo,

im Normalfall ist das Sache des Editors, in der Regel erzeugt die Enter-Taste <p>

Christian

CurlY BracketS · 1. April 2023

Es geht hier wohl darum, dass das p-Element einen weissen Hintergrund erzeugt, der TE möchte es vermutlich transparent haben. Kamma machen, wenn man sich ein bisschen mit CSS auseinandersetzt.

Code

.p { background-color: transparent;
}

oder so ähnlich.

Elwood · 1. April 2023

Zitat von CurlY BracketS

Es geht hier wohl darum

Man weiß es nicht ..............

(Ohne Link)

drambeldier · 1. April 2023

Tschulljung, an der Nomenklatur hapert's natürlich. Hier die alte Seite, so ungefähr hätte ich es gern.

christine2 · 1. April 2023

Zitat von CurlY BracketS

Es geht hier wohl darum, dass das p-Element einen weissen Hintergrund erzeugt, der TE möchte es vermutlich transparent haben.

Hab das eigentlich auch so verstanden. Mit dem Code (auf transparent) tatert es passen, aber ohne dem Punkt vor dem p

Liebe Grüße

Christine

time4mambo · 2. April 2023

Ohne den Punkt vor dem "p" wie es CurlY BracketS schreibt und christine2 bereits angemerkt hat, geht es mit der Transparenz und ansonsten musst du den Beitrag editieren und den Text entsprechend anpassen, wie chr-hl dir schreibt.

Und hat doch jeder gelesen.

Axel

Indigo66 · 2. April 2023

Zitat von drambeldier

Nachschlag: Saublöde Überschrift.

Dann editiere den Threadtitel einfach nach. Thema bearbeiten, erweitert.

drambeldier · 2. April 2023

Moin,

vermutlich kann sich niemand vorstellen, wie wenig ich von HTML und CSS weiß, und wie wenig ich mit Antworten anfange wie "das ist Sache des Editors". Was ist Sache des Editors?

Aber egal, ich versuch's nochmal:

Auf der Homepage unter J 3.10 erscheint der Text einer Seite am Stück. Der Hintergrund der Räume zwischen den Zeilen sieht aus wie der Hintergrund der Zeilen, selbiger ist eine "gedämpfte" Ausgabe des body-backgrounds.

Unter J 4.2 sind die Zwischenräume vollig durchsichtig, zu sehen ist dann der Background des .body. Der Hintergrund der Zeilen ist weiß. Ich wäre mit einem weißen Hintergrund der Leerräume schon zufrieden.

Der Inspektor zeigt mir bei h3 etwas namens Leerraum, das scheint durchsichtig zu sein:.

Meine - vielleicht naive - Idee: Wenn es mir gelänge, die HIntergrundfarbe dieser Leerräume auf weiß zu setzen, wäre mir geholfen.

PS ( Indigo66): ich finde weder Thema bearbeiten noch erweitert.

Schönen Sonntag!

Sieger66 · 2. April 2023

Zitat von drambeldier

... und wie wenig ich mit Antworten anfange wie "das ist Sache des Editors". Was ist Sache des Editors?

Wenn du einen Beitrag im Joomla-Backend oder Frontend erstellst oder änderst befindest du dich im Editor.

Wenn du z.B. im entsprechenden Beitrag dort die Leerzeilen entfernst und den Beitrag speicherst sind damit auch die transparenten Zeilen enfernt.

Gewünschte Abstände zwischen Zeilen sollten mithilfe von CSS realisiert werden. Siehe z.B.:

wiki.selfhtml.org/wiki/HTML/Tutorials/Textstrukturierung#Abst.C3.A4nde_und_Trennlinien

drambeldier · 2. April 2023

Einspruch, Euer Ehren, die Source enthält keine Leerzeilen:

Sieger66 · 2. April 2023

oder z.B. auch:

line-height: Zeilenhöhe: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Es ist bei deiner alten Website in der template.css diesbezüglich z.B. folgende Regel für die <p>-Tags vorhanden:

Code

.postcontent p {
  margin: 13px 0;
}

Sieger66 · 2. April 2023

Zitat von drambeldier

Einspruch, Euer Ehren, die Source enthält keine Leerzeilen:

Das kommt halt dabei heraus wenn man keinen Link zum eigentlichen Problem hat und im Eröffnungstread auch noch folgendes gegenteiliges schreibt:

Zitat von drambeldier

...Nun erscheinen allerdings Lücken zwischen den Paragraphen:

...Im FF Inspector werden diese Bereiche als <p>Leerraum>/p> angezeigt...

Sieger66 · 2. April 2023

Stell die neue Website(Entwurf) daher ins Internet in eine neue Datenbank und z.B. in eine Subdomain in einen Dateiorder der mit einem htaccess-Zugriffsschutz(Passwortschutz) versehen ist. Und gib uns anschließend die htaccess-Zugangsdaten damit man das Problem abklären kann.

WM-Loose · 2. April 2023

Jetzt mach doch bitte mal folgendes um uns allen den Support zu erleichtern:

Stell deine Seite als Sub-Domain online.

Dann ändere den Titel deines Themas noch ab in "Hintergrund Template transparent machen". Somit finden auch andere Besucher deinen Thread schneller im Forum.

Die Raterei bringt uns doch nicht wirklich weiter...und dein Anliegen könnte dann bestimmt schnell erledigt sein.

drambeldier · 2. April 2023

Was ich halt gern gewusst hätte: Woher kommt dieser ominöse "Leerraum"? In den Templates steckt er jedenfalls nicht

btw: Darf ich mal fragen, wie Du in die template.css hineinschauen kannst? Und was, bitte, heißt "gegenteiliges"?