1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Tabelle auf Seite darstellen

Dieses Thema im Forum "Konfiguration" wurde erstellt von Mr-Chili, 16. Oktober 2019.

  1. Mr-Chili

    Mr-Chili Member

    Registriert seit:
    4. August 2018
    Beiträge:
    22
    Zustimmungen:
    0
    Hallo,
    ich wollte gerne eine Tabelle wo jeweils die 1. und 2. Spalte farblich hinterlegt ist wie auf dem Bild.
    Scoville Skala Chili Schärfe Heatmeter.png

    Ich habe bereits per HTML Code und dann einfügen versucht aber die farben will er einfach nicht übernehmen...
    Oder geht das auch mit tablepress?
     
  2. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Mit Tablepress geht das natürlich auch. Auch dort musst Du mit CSS Klassen arbeiten. Viele Anwender machen Fehler bei der Zuweisung des Klassen zu Reihen, Spalten, Headern, Footern und Zellen. Solange wir nicht sehen könne was Du bereits versucht hast, können wir nicht helfen. Bitte poste den Link zu Deiner Seite, auf der die Tabelle zu sehen ist. Wenn Du auch die Farbwerte nennst, können wir das gleich berücksichtigen.
     
  3. Mr-Chili

    Mr-Chili Member

    Registriert seit:
    4. August 2018
    Beiträge:
    22
    Zustimmungen:
    0
    Ja hier ist einmal der Link zur Seite.
    https://www.mr-chili.de/scoville-skala-das-chili-schaerfe-heatmeter/

    Grauebalken: #404040
    10+++: #711615
    10++: #812111
    10+: #932111
    10: #9d3915
    9: #aa420d
    8: #c6420d
    7: #d8420d
    6: #d86b0d
    5: #d88f0d
    4: #eabb00
    3: #9fbc10
    2. #69bc10
    1: #10b210
    0: #109110
    Das sind die Farbcodes von den 2 ersten Schärfe Spalten die 3. und 4. Spalte sollte weiß bleiben ;)
    Ich habe bereits bei Tablepress die funktion mit dem CSS gefunden.
    Aber was ich da jetzt rein schreiben muss weiß ich leider nicht,

    Lieben dank erstmal schon jetzt
    Mr. Chili
     
  4. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Als erstes erstellst Du CSS Regeln nach dem Muster

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Im Anschluss fügst Du die jeweiligen Klassen den entsprechenden TD Elementen hinzu.
     
  5. Mr-Chili

    Mr-Chili Member

    Registriert seit:
    4. August 2018
    Beiträge:
    22
    Zustimmungen:
    0
    Das habe ich bei bei Tablepress unter Einstellungen unter CSS eingetragen und wie füge ich die klassen also

    .heat-ten-tribleplus

    ist ja die klasse und welche sind die TD Elemente
    Bei meiner Tabelle habe ich unten noch Weitere CSS-Klassen:
    Ich hab null plan von CSS sorry für meine dummen fragen :(
     
  6. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
  7. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Ich habe gerade noch einmal in eine Tablepress Installation geschaut, weil ich es seit langer Zeit nicht mehr verwendet habe. Tatsächlich kann man nur der Tabelle eine CSS Klasse hinzufügen, nicht den Spalten Reihen und Zellen. Das hatte ich nicht mehr auf dem Schirm. Wenn sich die Tabelle nicht oft ändert ist es sinnvoller eigenen HTML Code zu erstellen, weil man dort die CSS Klassen einbauen kann.
     
    Mr-Chili gefällt das.
  8. Mr-Chili

    Mr-Chili Member

    Registriert seit:
    4. August 2018
    Beiträge:
    22
    Zustimmungen:
    0
    Okay supi danke hab es hinbekommen :)

    Edit: Und wieder ein Plugin weniger welches man nicht braucht ;)
     
    #8 Mr-Chili, 17. Oktober 2019
    Zuletzt bearbeitet: 17. Oktober 2019
  9. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Man hätte auch mit Pseudoklassen stylen können, z. B. td:nth-of-type(1) oder td:nth-of-type(2)
     
  10. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Dann hätte er wieder "abzählen" müssen. Ich hatte schon im Quellcode von Tablepress nachgesehen. Es gib Filter um CSS Klassen anzupassen. Aber es helft die Zuordnung :( Dazu müsste man das Konstrukt im Backend ausweiten. Sicher ein tolles Feature.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden