Header-Tags werden durch die reset.css überschrieben 
Autor: Joerg F.Hallo alle zusammen,
Ich habe im Website X5 Pro unter Vorlage - Textstile... die Header-Tags festgelegt.
Nun habe ich für Impressum und Datenschutzerklärung einen HTML-Code von e-recht24, welchen ich entsprechend auf einer Seite in ein HTML-Objekt eingefügt habe.
Problem hierbei ist, dass die H1-H4 Tags ignoriert werden und nur Fettgeschrieben erscheinen.
Bei der Fehlersuche habe ich gesehen, dass in der reset.css folgendes steht:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
Wenn ich jetzt in den DevTools den Haken bei font-size: 100% entferne, dann wird alles richtig dargestellt.
Habe ich in den Einstellungen von Website X5 irgendwo einen Haken/Einstellung übersehen/falsch gesetzt, welche dieses font-size: 100% in der CSS erzeugt?
Warum wird dieses überhaupt gesetzt und was muss ich machen, damit es vernünftig angezeigt wird?
Grüße
Bist Du sicher, dass im HTML-Code, den Du einfügst, nicht andere Formatierungen festgelegt werden, oder vorhandene zurückgesetzt werden? Kannst Du die URL der Website nennen damit man sich das anschauen kann?
Du hast eine komplett falsche vorgehensweise? Wieso willst du den Text von e-recht in ein HTML-OBjekt geben? Du benötigst doch nur ein Text-OBjekt wo du den Text einfügst und danach selbst die H1-H2 Überschriften festlegst. Mit einem individuellen HTML Code der mit verschiedenen Codes bestückt ist einfügst, dann brauchst du dich nicht wundern wieso alles überschrieben wird.
Autor
Danke für die Antworten.
@Andreas:
Warum ich das in ein HTML-Objekt packen möchte? Weil ich es als HTML-Code von e-recht erhalte und ich des öfteren Probleme mit dem Textobjekt hatte - auch wenn ich es in dem Fall so machen könnte.
Aber ich finde es dennoch seltsam, dass es so generiert wird und würde gerne verstehen, wieso und mit welchem Hintergrund. Warum wird das font-size: 100% an der Stelle benötigt, wenn es die normalen Eigenschaften damit unterbindet?
Ich habe den aktuellen Stand mal testweise hochgeladen: http:tkw.bplaced.net
Habt Ihr evtl. auch einen Tipp für mich, wie ich es hinbekomme, dass die Dots, die Arrows, die Buttons und die Schrift im Slider entsprechend der Auflösung mit kleiner werden? Auf dem Smartphone sieht es noch sehr grausam aus.
Grüße
Es obliegt dir welchen Code du einfügst in WSX5 was du von e-recht bekommst. Du brauchst den Code nicht zu benützen, aber kannst es. Der Code wird nur angeboten weil man annimmt die Seite wird direkt programmiert und es muss Code eingefügt werden.
Sicherlich ist es ein bisschen Aufwand den Text zu formatieren damit es gut aussieht und auch die H1-H6 Tags enthalten sind.
Du kannst auch den CSS Code entfernen und vielleicht die Voreinstellung von WSX5 benutzen. Es gibt auch unter "1" Websiteoptimierung/ Seo bei Reiter "HTML Tag" die Einstellungen für die H Tags!
Autor
Den Passus mit den CSS Code entfernen habe ich nicht so ganz verstanden. Meinst du damit nach dem Upload aus der reset.css das font-size: 100% entfernen?
Genau auf sowas habe ich ja gehofft, dass ich einfach nur irgendwo einen Fehler in den Voreinstellungen oder so habe...?
Ich nutze unter HTML Tag folgende Einstellung - habe ich dort vielleicht etwas missverstanden?
Unter "2" Vorlage im generellen "Text-STIL" kann man auch noch die H1-H6 verstellen, aber die wirken sich nur dann aus wenn man im Text-Objekt die H Tags einfügt.
NEIN, mit CSS Code entfernen meine ich den was du mit dem Code von e-recht mitkopiert hast. Kann es derzeit nicht kontrollieren.
Oder du fügst den Code in ein Text-Objekt ein und aktivierst den HTML-Code Button in der Leiste.
Dann löscht du z.B. den Code <h1>..</h1> raus bei Impressum und aktivierst den H1 Tag direkt im Text-Objekt. Mit den anderen das selbe machen.
Autor
Die Header-Tags habe ich unter Textstile gesetzt, dass war mein erster Satz im Ausgangspost.
e-recht24 stellt keinen CSS Code. Ist reines HTML mit H1-H3 bzw. H4 beim Datenschutz.
Impressum - pro-soft-gera GmbH-neu (tkw.bplaced.net)
Ich verstehe deinen Workaround, ich verstehe nur nicht, wieso man nicht mit Header-Tags in einem HTML-Objekt arbeiten kann. Wenn es nicht anders geht, dann werde ich es wohl so machen müssen, aber vielleicht hat ja Franz-Josef noch eine Idee.
Hättet Ihr ansonsten eventuell einen Vorschlag, wie ich das responsive Problem mit meinem Slider auf der Startseite lösen kann? (Das die Dots, die Arrows, die Buttons und die Schrift im Slider entsprechend der Auflösung mit kleiner werden)
Die reinen HTML-Überschrift-Tags im HTML-Code von e-recht-24 müssten in dem Fall neu gestylt werden und zwar genauso, wie Du die Überschriften in Textstile definiert hast. Du kannst aber auch das Styling von WebsiteX5 verwenden, indem Du die jeweiligen Tags (h1, h2, ...) erstzt durch die passende DIV-Klasse. Dies hat dann filgendes Aussehen:
<div class="imHeading1">Überschrift 1</div>
<div class="imHeading2">Überschrift 2</div>
...
<div class="imHeading6">Überschrift 6</div>
Das andere Problem muss ich mir noch mal ansehen....
Autor
@Franz-Josef
Danke dir vielmals! Mit der Lösung kann ich viel besser leben und vorallem auch in Zukunft besser mit sowas umgehen.
Ich hatte das Problem schon Mal bei einem Kundenprojekt und dort habe ich es mit neu stylen lösen müssen.
Aber da Website X5 sowieso schon so viel Code generiert und ich die Tags in den Textstilen festgelegt habe, wollte ich die halt auch dementsprechend gerne verwenden.
Das wäre klasse, ich hatte schonmal recherchiert und dachte es mit @media lösen zu können, aber damit verändert sich irgendwie nichts und ich weiß nicht was ich falsch mache.
So wie es aussieht, hast Du in den einzelnen Slider-Elementen die Standard-Tags (z.B. <h1> und <p>) verwendet. Dies führt natürlich dazu, dass sich hier Style-Code von WebsiteX5 und von Dir vermischen, was zu dem unschönen Aussehen führt. Sinnvoller ist es im "Standard" zu bleiben und solche Tags, die zu einer Standardformatierung führen, nicht zu verwenden. Ein <br />-Tag ist hier kein Problem, aber ein <h1>-Tag schon...
Wenn Du unbedingt eigene Formatierungsmerkmale mit anpassbarer Schriftgröße in den Slider einbringen willst, solltest Du die Viewport-orientierten Schriftgröße verwenden- Dazu solltest Du wie folgt vorgehen:
Im <HEAD>-Bereich der Seite die Style-Vereinbarung
<style>txt {font-size: 4vw!important;};</style>
(den Wert vor vw musst Du gegebenenfalls anpassen) eintragen. Wenn dann im Slider-Objekt der Text wie folgt eingetragen wird, sollte es funktionieren:
<txt>Hier steht jetzt der Text</txt>
Die Dots, Arrows und Buttons werden davon aber nicht beeinflusst.
Autor
Das teste ich mal aus, danke!
Aber kann ich dann auch noch dem txt-Tag eine class=Irgendwas geben, damit ich den Text unterschiedlich stylen kann? Wie z.B. beim Managed-Service Slider.
Die Dots usw. muss ich per @media only screen and (max-width: XXXpx) festlegen, richtig?
Ja, der Class kannst Du noch weitere Formatierungselemente (Farbe, Schriftart,...) zuweisen. Ob das mit den Dots usw. so funktioniert musst Du ausprobieren, das weiß ich nicht...