Custom html in sidebar: Zeigt jetzt error an!

  • Gelöst topsurfer

    (@topsurfer)


    vor 6 Jahren, 10 Monaten

    Hallo,
    habe vor 12 Monaten WordPress installiert und nutze das Hueman Theme.

    In einer rechte Sidebar habe ich über Custom-Html Text und ein Bild eingebaut, was damals auch problemlos so akzeptiert wurde (und auch funktioniert).

    Jetzt sehe ich, das dieser Code nun „angemeckert“ wird und ich nicht speichern kann, ohne diese Fehler zu beseitigen.

    3x der Fehler:
    Special characters must be escaped : [ < ]

    1x. der Fehler:
    Tag must be paired, [ <small> ], start tag match failed
    Hinweis: Fehler in letzer Zeile

    Aber wenn ich das mache, funktioniert der HTML dahinter ja (natürlich) nicht mehr, aktuell siehts so aus:

    ... <p class="em"><strong>
</strong><small>
<img src="http://www.meinedomain.de/wp-content/uploads/2017/09/sys_mm_rye_selfie_01_320px.jpg"
width="96" height="76" align="left" </small ...

    Es wird das „<“ vor img src angemeckert.
    Bin nicht der HTML Specialist, aber aktuell funktioniert ja der Code so (Fließtext und Bild werden wie gewollt angezeigt).
    Nur neu abspeichern geht nicht.
    Wie kann bzw. muss ich den Code ändern, das er „Regelkonform“ ist?

    Der ganze Code sieht so aus:

    <html>
<head>
<style type="text/css"> 
    .em {line-height: 1.0em;}
  </style>
</head>
<body>

<p align="left"></p>

<p class="em"><strong>
</strong><small><img
src="http://www.meinedomain.de/wp-content/uploads/2017/09/sys_mm_rye_selfie_01_320px.jpg"
width="96" height="76" align="left" </small
style="margin-right: 6px; margin-bottom: 1px"><EM> Hier wollen wir Euch mit interessanten
Beiträgen aus den verschiedensten Bereichen versorgen.<br>
Wohnwagen- und Reiseerfahrungen, eigene Erlebnisse und Empfehlungen, technische &quot;spielereien&quot; und optimierungen , Tipps, ....<br>
</em>Kurzum, alles was auch Camper interessiert</p></body></html>
    • Dieses Thema wurde vor 6 Jahren, 10 Monaten von topsurfer geändert.
    • Dieses Thema wurde vor 6 Jahren, 10 Monaten von topsurfer geändert.
    • Dieses Thema wurde vor 6 Jahren, 10 Monaten von topsurfer geändert.
    • Dieses Thema wurde vor 6 Jahren, 10 Monaten von topsurfer geändert.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 6 Jahren, 10 Monaten

    Ein HTML-Tag besteht aus einer öffnenden und schließenden, eckigen Klammer.
    falsch:  <small><img src="bild.jpg" </small>
    richtig: <small><img src="bild.jpg"></small>

    Thread-Starter topsurfer

    (@topsurfer)

    vor 6 Jahren, 10 Monaten

    Argghhh, stimmt, dieser Fehler wurde zuvor wohl toleriert …

    Der Code ist korregiert, wird auch fehlerfrei angezeigt.
    Mittels style="margin-right: 6px; margin-bottom: 1px hatte ich es so hinbekommen, das der Fließtext einen bestimmten Abstand zum Bild hatte (sowohl drunter als auch rechts davon).
    Wo muss denn dieser margin style-Code jetzt wieder rein? Ohne das er „angemeckert“ wird?

    Der jetzige Code ohne die Rand-Korrektur (margin…) sieht so aus:

    <html>
<head>
<style type="text/css"> 
    .em {line-height: 1.0em;}
  </style>
</head>
<body>

<p align="left"></p>

<p class="em"><strong>
</strong><small><img
src="http://www.meinedomain.de/wp-content/uploads/2017/09/sys_mm_rye_selfie_01_320px.jpg" alt="Wir"
width="96" height="76" align="left"></small> 
<em> Hier wollen wir Euch mit interessanten
Beiträgen aus den verschiedensten Bereichen versorgen.<br>
Wohnwagen- und Reiseerfahrungen, eigene Erlebnisse und Empfehlungen, technische &quot;spielereien&quot; und optimierungen , Tipps, ....<br>
</em>Kurzum, alles was auch Camper interessiert</p></body></html>
    • Diese Antwort wurde vor 6 Jahren, 10 Monaten von topsurfer geändert.
    bscu

    (@bscu)

    vor 6 Jahren, 10 Monaten

    Siehe https://www.w3schools.com/css/css_howto.asp unter Inline-Style

    Thread-Starter topsurfer

    (@topsurfer)

    vor 6 Jahren, 10 Monaten

    OK, als Inline-Style an verschiedenen Code-Stellen vergeblich versucht.
    Wobei ich denke, muss es denn ein Inline-Style sein?
    Der ganze Code-Block kann doch diesen Style („Einstellungen“)nutzen (mein Gedanke als Laie)

    Habe dann die margin-Zeilen in den header mit hinzugefügt, wird aber auch nicht beachtet (die line-hight: 1.0em schon):

    <html>
<head>
<style type="text/css"> 
    .em {line-height: 1.0em;
	 margin-right: 6px;
	 margin-bottom: 1px }
  </style>
</head>
...
...

    Evtl. auch ganz falscher Ansatz von mir, kann nur wenig html, mit css und styles nie gearbeitet 🙁
    Zur Not muss der Text eben so dicht am Bild bleiben wie er jetzt ist.

    Presskopp

    (@presskopp)

    vor 6 Jahren, 10 Monaten

    Du brauchst nur ein wenig CSS ergänzen, z. B. im Customizer:

    .emxx img {
    margin: 0 15px 15px 0;
}
    Thread-Starter topsurfer

    (@topsurfer)

    vor 6 Jahren, 10 Monaten

    Thx, funzt!

    das fehlende „img { …“ … war der Fehler

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)

Das Thema „Custom html in sidebar: Zeigt jetzt error an!“ ist für neue Antworten geschlossen.