--- title: "\"Korsordsfärgad\" tabell" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/94076-korsordsfärgad-tabell" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "aasah" published: "2004-01-06T11:34:59.000Z" updated: "2004-01-06T20:20:26.000Z" replies: 14 views: 483 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/94076-korsordsfärgad-tabell" --- # "Korsordsfärgad" tabell ## #1 — aasah, 2004-01-06T11:34Z Går det - och i så fall hur - att få varje ruta i en tabell att ha en egen färg? :q Alltså jag tycker det skulle vara praktiskt om man kunde göra att "korsord" genom att skapa en helt tom tabell där vissa rutor har svart bakgrundsfärg och resten (tex) vit. Ledtrådarna ska alltså inte in i rutmönstret, bara siffror som startar varje "ord". Permalänk: https://www.webforum.nu/p/94076 ## #2 — bruphoto, 2004-01-06T11:52Z Ja, visst, går det, men det lär ta lite tid :) Börja med att ge hela tabellen vit bakgrundsfärg. Därefter får du formatera varje cell som ska ha svart bakgrundsfärg för sig. Som sagt, lite tidsödande. Kanske någon vet ett snabbare sätt. Annars finns det ju program som skapar korsord., men det är ju klart roligare att göra det helt själv. Lars Permalänk: https://www.webforum.nu/p/1244493 ## #3 — frankof, 2004-01-06T12:23Z Css är lösningen för dig ;) ```
vit cell svart cell vit cell
``` R: vad en lite glömd " kan ställa till det :r Permalänk: https://www.webforum.nu/p/1244510 ## #4 — aasah, 2004-01-06T15:45Z Det där ser ju enkelt och bra ut, frankof. Men... jag får ju lov att erkänna att jag inte har använt CSS förr. Hur funkar det? Ska allt ligga i samma html-fil? Ligger CSS:n i head- eller bodydelen? :q Permalänk: https://www.webforum.nu/p/1244619 ## #5 — tydal, 2004-01-06T16:09Z CSS kan du antingen lägga i samma fil (head-delen) eller i en egen fil som du länkar in (också head-delen) så här: \ Permalänk: https://www.webforum.nu/p/1244623 ## #6 — aasah, 2004-01-06T16:34Z Tack för svaren! :) Men... Nånting är väl tokigt antar jag... Nedanstående sida ger en helt vit sida i IE. :q ``` > > > >
vit cell svart cell vit cell
> > > ``` > > Vad har jag missuppfattat? :q Inte du, jag :r Som celia redan har påpekat, det skall vara en " längst bak på \ Om du vill att text skall synas i de svarta fälten så måste du deklarera det i klassen svart med color:dinfärg
Så vill du väl ha dina rutor kvadratiska med svart ram kanske, detta fixas med border:1px solid black och border-collapse:collapse
vit cell svart cell vit cell
svart cell vit cell svart cell
vit cell svart cell vit cell

Ditt fina korsord ``` Permalänk: https://www.webforum.nu/p/1244653 ## #11 — aasah, 2004-01-06T17:35Z > **bossse skrev:** > > Kan detta bli bra?... SNYGGT! :) Bara ett problem... När man inte har varannan ruta svart - och det har man ju sällan, vill man gärna ha ett svart streck mellan de vita cellerna. Släng in en extra rad i ditt exempel som är likadan som den som nu är sist, så ser du problemet... Går det f.ö. att ha ett extra tjockt streck på något enstaka ställe, där man vill få in en skiljelinje mellan ihopklämda ord, Alltså ord där man inte får plats med ett svart fält mellan dem... Permalänk: https://www.webforum.nu/p/1244670 ## #12 — bossse, 2004-01-06T17:49Z Då får du komplettera med detta i din td-deklaration. OBS! att height blir 25% om du lägger in en rad till. ``` td {width:33%; height:25%;border:1px solid black;} ``` Lägg till dessa tre vita celler, och de har svart ram ``` vit cell vit cell vit cell ``` Permalänk: https://www.webforum.nu/p/1244677 ## #13 — aasah, 2004-01-06T18:07Z Tjusigt! Tackar! :) Återstår frågan om man kan få bordern extra tjock på något enstaka ställe? Permalänk: https://www.webforum.nu/p/1244695 ## #14 — bossse, 2004-01-06T18:57Z Visst, det går att få den exakt som man och vill var man vill. Har tyvärr inte tid just nu. Ska se rapports årskrönika på Tv nu. Återkommer kanske senare i kväll! Permalänk: https://www.webforum.nu/p/1244721 ## #15 — bossse, 2004-01-06T20:20Z Så här då! Lägg märke till att storleken på cellerna är beroende av innehållet i dem. ```
vit cell svart cell vit cell
svart cell vit cell svart cell
vit cell svart cell vit cell
specialram vit cell specialram
vit cell vit cell vit cell

Ditt fina korsord ``` Permalänk: https://www.webforum.nu/p/1244767 --- Tråden på webben: https://www.webforum.nu/amne/html-css/94076-korsordsfärgad-tabell