Toepassen van tabelopmaak met CSS in Adobe Dreamweaver CS6 - dummies

Naast het gebruik van de eigenschappencontrole in Adobe Dreamweaver CS6, kunt u volledige tabellen of afzonderlijke tabelcellen (en inhoud) opmaken met behulp van CSS (cascading style sheets). In de meeste gevallen wordt dit als een betere oefening beschouwd, omdat het een scheiding tussen de opmaak, de inhoud en de eigenlijke vormgeving behoudt om het esthetisch aantrekkelijk te maken.

U kunt CSS gebruiken om een ​​tabel op te maken als volgt:

1. Maak een CSS Class-regel van de eigenschappencontrole of het paneel CSS-stijlen.

2. Selecteer in de categorie Type een grootte en kleur voor de tekst van uw tabel.

3. Onder de achtergrondcategorie in het dialoogvenster CSS-regeldefinitie, wijst u een achtergrondkleur toe aan uw tabel met behulp van de eigenschap Achtergrondkleur en klikt u vervolgens op OK.

4. Selecteer de tabel waarop u de nieuwe klassestijl wilt toepassen.

5. Ken de klas toe met behulp van de vervolgkeuzelijst Klasse in de eigenschappencontrole.

   Uw hele tabel neemt de nieuwe opmaak over.

   

Vergelijkbaar met de manier waarop u de eigenschappencontrole kunt gebruiken om afzonderlijke cellen in te kleuren en uit te lijnen, kunt u CSS-regels maken en toepassen op tabelcellen. In de meeste gevallen wordt dit als een betere methode beschouwd dan te vertrouwen op HTML-kenmerken. Ga hiervoor als volgt te werk:

1. Maak een CSS Class-regel vanuit de eigenschappencontrole of het deelvenster CSS-stijlen.

2. Selecteer een achtergrondkleur in de categorie Achtergrond.

3. Selecteer in de categorie Blokkeren Midden in de vervolgkeuzelijst Verticaal uitlijnen, selecteer Midden in de vervolgkeuzelijst Tekst uitlijnen en klik vervolgens op OK.

4. Selecteer de tabelcel waarop u de nieuwe klasse wilt toepassen.

5. Zoek in de eigenschappencontrole naar de vervolgkeuzelijst Klasse en selecteer uw nieuwe klas.

   Uw opmaakkeuzen worden toegepast op de tabelcel.