Twenty Seventeen Farbtabelle einfügen

DaddyDeadFire · 9. Februar 2017

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

am3 · 9. Februar 2017

http://www.w3schools.com/css/css_rwd_grid.asp

rantanplan2000 · 10. Februar 2017

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

.flex-item:nth-child(1) {
background: green;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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.:

.flex-item:nth-child(2) {
background: pink;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

DaddyDeadFire · 14. Februar 2017

Vielen Dank, das hat geklappt

WPDE.org

Twenty Seventeen Farbtabelle einfügen

DaddyDeadFire Member

am3 Well-Known Member

rantanplan2000 Well-Known Member

DaddyDeadFire Member

Nützliche Suchen

Twenty Seventeen Farbtabelle einfügen

DaddyDeadFire Member

am3 Well-Known Member

rantanplan2000 Well-Known Member

DaddyDeadFire Member