Tabellen mit CSS formatieren

    Hallo,

    ich möchte gern HTML-Tabellen, die ich per Code in die Artikel einfüge,
    gern per CSS formatieren. Wie bewerkstellige ist das?

    Muss ich da in der style.css die Formatierungen festlegen oder eine neue extra css.-datei anlegen und dann was mit in dem HTML-Code der Tabelle angeben, damit die css-befehle angenommen werden, oder wie muss ich mir dass vorstellen?

    Danke, Gruß, Björn

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    In die style.css deines Themes. Viel kann man nicht sagen ohne das Theme zu kennen, und möglichst eine Beispieltabelle. Nutzt du ein Tool für die Tabellen oder Plain-HTML?

    Vom Prinzip her so:

    Code
    #content .post .entry table {


}


    Der genaue Selektor ist aber themeabhängig.

    Schau auch mal hier:
    CSS 4 You - The Finest in Stylesheets: Workshop CSS: Teil 3 - Selektoren I

    Also als Theme benutze ich dass [size=10]Fighter 1.2 von Suat[/SIZE]
    Die Tabelle hab ich grob im Dreamweaver erstellt, also HTML, und den
    Code dann einfach in die Seite als HTML-Code kopiert. Genau wie
    die Bsp. Tabelle hier auch:

    Gruß, Piumer

    Bring deinem Dreamweaver erstmal externe Styles bei. Das geht, aber frag mich nicht wie, ich nutze den nicht. ;-) Aber mit dem Code so wie er da steht wirst du Probleme bekommen, das haut dir WP 100% auseinander, selbst mit Adminrechten (von wegen "unfilterted HTML"). Z.B. haben die <font>-Tags dort gar nichts verloren und machen dir nur das Leben schwer.

    Übrigens gibts auch Tabellenerweiterungen für den WP-Editor, z.B. mit TinyMCE Advanced:
    WordPress › TinyMCE Advanced WordPress Plugins

    http://picasaweb.google.com/lh/photo/vIMNYvEx5IQoFGuCuTYZYw

    Wie du siehst, gibts gar keine Probleme mit dem Einbinden ;)

    Aber ich kann ja dann sämtliche Formatierungen raus nehmen, wenn ich die Tabelle dann mit CSS formatieren kann, müsste nur wissen wie ich dass mache.
    Meinste dass geht so?

    Code
    #content .post .entry table {


}

    Die entsprechenden Anweisungen such ich mir dann natürlich selbst raus,
    möchte nur wissen wie und wo ich die Anweisungen setzen muss.

    Danke für die schnelle Antwort bis jetzt,

    Gruß, Piumer

    Das funktioniert ja wunderbar!

    Aber was mache ich, wenn ich dann mal Tabellen anders darstellen möchte.
    Sobald ich ja <table> bzw. <tr> verwende, wird ja die Vorgabe aus der styles.css verwendet.

    Gibts da einen Trick?

    lg
    KC

    table class="one"

    kommt wieder eine nimmst
    table class="two"

    oder so

    Aha,

    aber wie genau muss ich die "class" denn jetzt einbinden? Ich hab sowas noch nicht in meiner style.css.

    Die Abschnitte in meiner style.css sehen so aus:

    Kannst Du mir das bitte noch einen Tick genauer sagen?

    Vielleicht sollte ich mich doch mal etwas mehr in CSS einlesen – da fehlt mir doch so einiges. Und so schwer scheint es eigentlich ja auch nicht zu sein... :???:

    Ich glaub ich hab's verstanden:

    in die styles.css kommt folgendes:

    Und der HTML-Code sollte dann so aussehen:

    Code
    <table class="beispiel1" border="0">

    Und das dann genauso für <td> etc.
    Korrekt?

    Einmal editiert, zuletzt von Kai-Christoph (21. Januar 2009 um 10:59)

    styles.css ist bei mir nicht vorhanden.

    Hallo zusammen.

    Ich hänge meinen Post an diesen Thread, da es sich bei meinem Problem ebenfalls, um die Formatierung einer Tabelle mittels css dreht.

    Und zwar wollte ich die Datei ebenfalls um eigene Blöcke erweitern, musste jedoch feststellen, dass diese Datei bei mir gar nicht existiert.

    Hier ein paar Infos zu meinem Blog:

    • URL: http://www.my-it-brain.de
    • Theme: Blueblog 1.2
    • WP-Version: 2.9.2
    • Plugins:

      • Antispam Bee
      • Antivirus
      • mySTAT
      • Fast and Secure Contact Form


    Wie gesagt habe ich keine "styles.css", dafür aber jede Menge anderer CSS-Dateien. Könnt ihr mir helfen herauszufinden, welche ich editieren muss, um Tabellen auf einer Seite formatieren zu können?

    Oder weiss vielleicht jemand sogar welche Datei ich nehmen muss?

    MfG
    Hetmann

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden