Spoiler verändert Schrift

Guten Abend.

Ich habe mal wieder einen Fehler im Forum.

Ich hatte vor ein paar Tagen die Frage zu dem Rahmen um einen Text hier vorgestellt und die Lösung hat bisher auch ganz gut geklappt. Nun ist ein Problem aufgetreten. Den Code den ich benutze, in diesem Fall <h5>Text </h5> in der Persönlichen Css sieht der so aus.

h5 { width:80%; border:1px solid steelblue;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px;padding: 10px; } [ein Rahmen] stört irgendwie den Text nach einem Spoiler. Ich hab euch mal ein Bild hochgeladen

Spoiler:

Ich hoffe ihr könnt mir dabei helfen (:

Lg

Hallo Chazu,

wie ich dir in dem betreffenden Thread ja deutlich mitgeteilt habe, ist es an und für sich nicht empfehlenswert, ein so grundlegendes Element wie <h...> für diesen Zweck zu verwenden, da dieses Element eine andere wichtige Aufgabe hat (Überschriften).
Wir haben uns dann darauf geeinigt, dass du diese h5-Formatierung gegen meine Empfehlung und auf eigenes Risiko verwendest, solange damit keine Probleme auftreten.

Ich habe mir trotzdem gerne ein genaueres Bild davon gemacht und die Situation in meinem Testforum nachgestellt.
Dieser Fehler tritt auch bei mir auf und kann von dir leider nicht behoben werden. Wie ich dir bereits im anderen Thread gesagt habe, ist deine Vorgangsweise nicht unproblematisch - hier stößt sie z.B. an ihre Grenzen.

Gegen dieses Problem kannst du also nichts unternehmen, allerdings habe ich einen anderen wichtigen Hinweis an dich, wie du die CSS-Formatierung verbessern kannst. Füge bitte folgende Zeile noch zum CSS-Code hinzu:

Code:

border-radius: 10px;

Du hast in deinem Code nämlich die abgerundeten Ecken nur für ältere Firefoxversionen und Webkitbrowser definiert, nicht aber für die anderen Browser. Deshalb werden die abgerundeten Ecken erst bei allen Besuchern deines Forums angezeigt, wenn du auch diese Zeile noch hinzufügst.

Liebe Grüße
Günther

Gut ich wusste ja das h5 normal ein Code für Überschirft ist, nur wie ich schon sagte wird das <h5> auch in einem anderen Forum benutzt und klappt einwandfrei.

Ok. Ich hoffe du meinst das hier.

Code:

h5 {
  width:80%;
  border:1px solid steelblue;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px;padding: 10px;
 
}

Danke, aber ich benötige den Code deines Beitrags nicht, da ich die Situation selbst nachgestellt habe.

Ich denke, wenn du meinen Beitrag durchliest, beantwortet das deine Frage?

Edit: Du hast jetzt den Code in deinem Beitrag ausgetauscht, nun steht der CSS-Code da. Genau diesen meine ich, dort solltest du unbedingt noch die von mir gepostete Zeile aus den oben genannten Gründen einfügen.

Ich bedanke mich.

Lg

kann geschlossen werden.

Gern geschehen.
-done-