Πώς να εφαρμόσετε τη μορφοποίηση πίνακα με το CSS στο Adobe Dreamweaver CS6

Εκτός από τη χρήση του επιθεωρητή ιδιοτήτων στο Adobe Dreamweaver CS6, μπορείτε να διαμορφώσετε ολόκληρους πίνακες ή επιμέρους κελιά πίνακα (και περιεχόμενο) χρησιμοποιώντας CSS (cascading style sheets). Στις περισσότερες περιπτώσεις, αυτό θεωρείται καλύτερη πρακτική, καθώς διατηρεί ένα διαχωρισμό μεταξύ της σήμανσης, του περιεχομένου και του πραγματικού στυλ που χρησιμοποιείται για να το κάνει αισθητικά ευχάριστο.

Μπορείτε να χρησιμοποιήσετε το CSS για να μορφοποιήσετε έναν πίνακα ως εξής:

1. Δημιουργήστε έναν κανόνα κλάσης CSS είτε από τον επιθεωρητή ιδιοτήτων είτε από τον πίνακα "Στυλ CSS".

2. Στην κατηγορία Τύπος, επιλέξτε ένα μέγεθος και ένα χρώμα για το κείμενο του πίνακα.

3. Στην κατηγορία "Φόντο" στο πλαίσιο διαλόγου "Ορισμός κανόνων κανόνων CSS", αντιστοιχίστε ένα χρώμα φόντου στον πίνακα σας χρησιμοποιώντας την ιδιότητα "Χρώμα φόντου" και, στη συνέχεια, κάντε κλικ στο κουμπί OK.

4. Επιλέξτε τον πίνακα στον οποίο θέλετε να εφαρμόσετε το νέο στυλ κατηγορίας στο.

5. Αντιστοιχίστε την κλάση χρησιμοποιώντας την αναπτυσσόμενη λίστα Κλάση στον επιθεωρητή ιδιοτήτων.

   Ολόκληρο το τραπέζι σας παίρνει τη νέα μορφοποίηση.

   

Παρόμοια με τον τρόπο που μπορείτε να χρησιμοποιήσετε τον επιθεωρητή ιδιοτήτων για να χρωματίσετε και να ευθυγραμμίσετε μεμονωμένα κελιά, μπορείτε να δημιουργήσετε και να εφαρμόσετε κανόνες CSS στα κελιά του πίνακα. Στις περισσότερες περιπτώσεις, αυτό θεωρείται καλύτερη πρακτική από τη χρήση των χαρακτηριστικών HTML. Για να το κάνετε αυτό, ακολουθήστε τα εξής βήματα:

1. Δημιουργήστε έναν κανόνα κλάσης CSS είτε από τον επιθεωρητή ιδιοτήτων είτε από τον πίνακα "Στυλ CSS".

2. Στην κατηγορία Φόντο, επιλέξτε ένα χρώμα φόντου.

3. Στην κατηγορία Block, επιλέξτε Middle από την αναπτυσσόμενη λίστα Vertical-Align, επιλέξτε Center από την αναπτυσσόμενη λίστα Text-Align και στη συνέχεια κάντε κλικ στο κουμπί OK.

4. Επιλέξτε το κελί πίνακα στο οποίο θέλετε να εφαρμόσετε τη νέα τάξη.

5. Από τον επιθεωρητή ιδιοτήτων, εντοπίστε την αναπτυσσόμενη λίστα Κλάση και επιλέξτε τη νέα σας τάξη.

   Οι επιλογές μορφοποίησης εφαρμόζονται στην κυψέλη πίνακα.