Slik bruker du tabellformatering med CSS i Adobe Dreamweaver CS6 - dummies

I tillegg til å bruke Eiendomsinspektøren i Adobe Dreamweaver CS6, kan du formatere hele tabeller eller individuelle tabellceller (og innhold) ved hjelp av CSS (cascading style sheets). I de fleste tilfeller betraktes dette som en bedre praksis, da det opprettholder en oppdeling mellom markup, innhold og den faktiske styling som brukes til å gjøre det estetisk tiltalende.

Du kan bruke CSS til å formatere et bord på følgende måte:

1. Lag en CSS Class-regel fra enten egenskapsinspektøren eller CSS-stilpanelet.

2. Under kategorien Type velger du en størrelse og farge for tabellens tekst.

3. Under Bakgrunnskategorien i dialogboksen CSS-regeldefinisjon, tilordne en bakgrunnsfarge til tabellen ved å bruke egenskapen Bakgrunnsfarge, og klikk deretter OK.

4. Velg tabellen du vil bruke den nye klassestilen til.

5. Tilordne klassen ved å bruke rullegardinlisten Klasse i egenskapsinspektøren.

   Hele tabellen tar på den nye formateringen.

   

På samme måte som du kan bruke egenskapsinspektøren til å farge og justere individuelle celler, kan du opprette og bruke CSS-regler til tabellceller. I de fleste tilfeller anses dette som en bedre praksis enn å stole på HTML-attributter. For å gjøre dette, følg bare disse trinnene:

1. Lag en CSS Class-regel fra enten egenskapsinspektøren eller CSS-stilpanelet.

2. Velg Bakgrunnsfargen under Bakgrunnskategorien.

3. Under kategorien Blokker velger du Midt i rullegardinlisten Vertikaljustering, velger Senter fra rullegardinlisten Tekstjustere, og klikker deretter OK.

4. Velg tabellcellen som du vil bruke den nye klassen til.

5. Fra eiendomsinspektøren, finn rullegardinlisten Klasse og velg den nye klassen.

   Formateringsvalgene dine brukes til tabellcellen.