Förutom att använda tabellformatering med CSS i Adobe Dreamweaver CS6 - dummies

Förutom att använda egenskapsinspektören i Adobe Dreamweaver CS6 kan du formatera hela tabeller eller enskilda tabellceller (och innehåll) med hjälp av CSS (cascading style sheets). I de flesta fall betraktas detta som en bättre praxis, eftersom det upprätthåller en uppdelning mellan markup, innehåll och den faktiska styling som används för att göra den estetiskt tilltalande.

Du kan använda CSS för att formatera ett bord enligt följande:

1. Skapa en CSS-klassregel från antingen egenskapskontrollen eller panelen CSS-format.

2. Välj typ och färg för tabellens text under Typkategorin.

3. Under Bakgrundskategorin i dialogrutan CSS Rule Definition, tilldela en bakgrundsfärg till din tabell med hjälp av egenskapen Bakgrundsfärg och klicka sedan på OK.

4. Välj den tabell du vill använda den nya klassstilen till.

5. Tilldela klassen genom att använda rullgardinsmenyn Klass i egenskapsinspektören.

   Hela tabellen tar på sig den nya formateringen.

   

På samma sätt som du kan använda egenskapsinspektören för att färg och justera enskilda celler kan du skapa och tillämpa CSS-regler på tabellceller. I de flesta fall anses detta vara en bättre praxis än att förlita sig på HTML-attribut. För att göra detta, följ bara dessa steg:

1. Skapa en CSS-klassregel från antingen egenskapsinspektören eller CSS-stilpanelen.

2. Välj Bakgrundsfärg under Bakgrundskategorin.

3. Under Block-kategorin väljer du Mitten från rullgardinsmenyn Vertikal-Align, välj Center från listrutan Textjustera och klickar sedan på OK.

4. Välj den tabellcell som du vill använda den nya klassen till.

5. I egenskapsinspektören, leta reda på listrutan Klass och välj din nya klass.

   Dina formateringsval tillämpas på tabellcellen.