Twenty Seventeen Farbtabelle einfügen

  • Hallo Ihr Lieben,

    Ich bin ein wenig ratlos und hoffe hier Hilfe zu finden. Ich möchte auf einer Seite eine Farbtabelle einfügen, wie auf dem Bild was ich hochgeladen habe.

    Hier der Link: http://www.directupload.net/file/d/4627/3djvzc63_png.htm

    Es soll quasi genauso aussehen wie auf dem Bild, auch das die einzelnen Bereiche farblich hinterlegt sind.
    Oder gibt es dafür vielleicht ein Plugin?
    Oder hat jemand einen Rat, wie ich das direkt auf der Seite einbinden kann.
    Möchte es ungern als Bild einbinden.

    Vielen Dank im Vorraus.

    Bis dahin ;)

    • 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

  • die "moderne" aber nicht ganz browser-sichere alternative wäre flexbox. aktuelle browser gehen, bei alten, grade internetexplorer, spielt flexbox leider nicht mit: http://caniuse.com/#search=flexbox . die meisten nutzen es allerdings schon länger und ich empfehle es dir auch.

    zusammen mit css selektoren leicht zu erlernen und wenig code.
    hier eben ein code-beispiel:

    https://jsfiddle.net/aalbc/t5ee15y2/

    Wenn du im css einfach

    Zitat

    .flex-item:nth-child(1) {
    background: green;
    }

    einfügst, siehst du schon - dass du ohne groß code die einzelnen items ansprechen kannst. je nach item eben die nummer (1) ändern. für die zweite "box" z. B.:

    Zitat

    .flex-item:nth-child(2) {
    background: pink;
    }

    das duo sollte für dein vorhaben genau richtig sein.

    Einmal editiert, zuletzt von rantanplan2000 (10. Februar 2017 um 00:57)

Jetzt mitmachen!

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