CSS Tabelle wird in ZP korrekt angezeigt, jedoch nicht im Browser

  • Hallo Zusammen,

    ich bin nicht grad der Profi, was den Umgang mit CSS betrifft. Durch das Forum habe ich mich jedenfalls in die einfachsten Grundlagen zur Einbindung von CSS in ZP eingearbeitet. Leider habe ich aber ein Problem. Damit mein Problem verstanden wird, habe ich eine Testseite vorbereitet:

    Ich habe über http://csstablegenerator.com/ eine Mustertabelle erstellt. Danach habe ich in Zeta Producer unter Globale Attribute ein neues Attribut erstellt, dort den CSS Code hineinkopiert. Den HTML Code zu der erstellten Tabelle habe ich in die Inhaltsseite eingefügt. Soweit so gut. In Zeta Producer wird mir die Tabelle dann auch korrekt angezeigt. Siehe Screenshot im Anhang. Wenn ich mir die Seite aber in der Vorschau anschauen möchte, bzw. nach der Veröffentlichung auch online, egal auf welchem PC und welchem Browser, wird mir die unformatierte Tabelle angezeigt. Siehe http://www.baltrop.de/index.html

    Ich habe nun diverse Tabellengeneratoren versucht und auch verschiedene Möglichkeiten, so langsam verzweifle ich daran und hoffe, dass mir jemand weiterhelfen kann.

    Vielen Dank.

    LG, Oktay

  • Hallo,

    was fehlt ist der CSS-Code. Wo und wie hast Du diesen eingefügt? Kannst Du uns das etwas genauer beschreiben?

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo und vielen Dank für die Rückmeldung,

    ich habe ein neues globales Attribut erstellt, diesem den Namen tabellencss gegeben und den von csstablegenerator.com ausgegebenen CSS-Code da eingefügt. Da ich damit nicht zum Ziel gekommen bin und die Tabelle unformatiert war, habe ich noch <style type="text/css"> vor und entsprechend </style> nach dem CSS-Code im o.g. Attribut eingegeben. Damit die Tabelle sich auf das Attribut bezieht, habe ich vor der HTML Tabelle noch #attribute(tabellencss) eingetippt. Damit klappte dann die Vorschau in Zeta Producer zumindest. Ich habe Screenshots vom CSS-Code und vom HTML Code der Tabelle angefügt.

  • Oh ich habe eben etwas bemerkt. Es muss etwas mit dem von mir neu erstelltem Attribut zu tun haben. Wenn ich den CSS-Code nämlich in das globale Attribut mobile_script eingebe, klappt es.

    Woran liegt das? Also wieso funktioniert es nicht mit dem von mir selbst erstellten Attribut? Und: Darf ich bedenkenlos das Attribut mobile_script für diesen Zweck benutzen?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!