Tabeller og celler

Nedenfor viser jeg hvordan vi kan bruke tabellverktøyet i Canvas, en utvidet editor og fargeinnstillinger.

Cellemargen bestemmer avstanden fra cellekanten til for eksempel tekst. Her setter jeg den til 10 punkter.

Celleavstanden kan være nyttig hvis jeg vil ha mellomrom mellom cellene. Det kommer mer om dette nedenfor.

Resultatet av innstillingene ovenfor vises i edit-modus nedenfor. Her har jeg lagt inn tekst og justert den i de forskjellige cellene.

I visning ser denne tabellen slik ut:

Justering av tabellceller
Denne editoren gir muligheter til å justere tekst horisontalt i cellene, men ikke vertikalt. Nå finnes den samme editoren med utvidede muligheter på denne adressen.

Det er mulig å kopiere koden inn i ny editor og videreutvikle den der. 

Legg merke til at denne editoren har en menylinje som inneholder flere valg.

Her får vi mulighet til å sette cellebredde i prosent. I tillegg kan vi for eksempel toppjustere innholdet i hver celle.

På den andre arkfana kan vi skrive inn fargevalg med tekst eller med fargetag, slik det er vist nedenfor.

Vi kan også sette tabell-kantlinjen til 0.

Merk at det er forskjell på å sette bakgrunnsfarge på tabell og på celler. I eksemplet nedenfor viser jeg resultatet hvis det er celler som er merket med bakgrunnsfarge. Mellomrommet mellom de to cellene er 5 piksler.

Når jeg tar koden tilbake til Canvas, har jeg fått på plass topp- og venstrejustert tekst, bakgrunnsfarge på celler og mellomrom mellom cellene. Tabellbredden er 100% (merk at den ikke skal skrives med mellomrom mellom siffer og prosenttegn som i norsk). Hver  celle har 50% bredde.

Tabellramme
Flere bruker rammer rundt tekst. Tabellen nedenfor har éi celle, hvit bakgrunn og farge på kantlinja. Cellemargen er på 15 punkter.

Her er resultatet med tekst i cella.