Εάν χρησιμοποιείτε πίνακες για διάταξη σελίδας (ένα όχι-όχι στο XHTML), είναι πιθανό να αντιμετωπίσετε την αντιαισθητική προσθήκη επιπλέον χώρου στις διατάξεις σας. Για να διορθώσετε αυτό το πρόβλημα, πρέπει να ελέγξετε τόσο τον ορισμό του πίνακα HTML όσο και τις λεπτομέρειες κάθε φύλλου στυλ που διέπει.
Ορισμός πίνακα HTML
Το HTML ετικέτα για πίνακες από προεπιλογή δεν ελέγχει για ορισμένες απαιτήσεις απόστασης. Επαληθεύστε τρία πράγματα σχετικά με το τραπέζι ετικέτα στο έγγραφο HTML:
- Ο πίνακας σας έχει το χαρακτηριστικό cellpadding σε 0;
cellpadding = "0"
- Ο πίνακας σας έχει ορίσει το χαρακτηριστικό κενού διαστήματος στο 0;
κενό διάστημα = "0"
- Υπάρχουν κενά πριν ή μετά το περιεχόμενό σας και τις ετικέτες του πίνακα;
Το νούμερο 3 είναι το kicker. Πολλά Συντάκτες HTML θέλει να έχει τον κώδικα σε απόσταση, ώστε να είναι εύκολο να το διαβάσετε. Ωστόσο, πολλά προγράμματα περιήγησης ερμηνεύουν αυτές τις καρτέλες, τα κενά και τις επιστροφές μεταφοράς ως επιθυμητό επιπλέον χώρο μέσα στα τραπέζια σας. Απαλλαγείτε από το κενό διάστημα που περιβάλλει τις ετικέτες σας και θα έχετε πιο τραπέζια τραπέζια.
Φύλλα στυλ
Ωστόσο, ενδέχεται να μην είναι το HTML που είναι απενεργοποιημένο. Σεντόνια με στυλ ελέγχετε ορισμένα χαρακτηριστικά εμφάνισης πινάκων και ανάλογα με τη σελίδα, μπορείτε ή όχι να έχετε προσθέσει σκόπιμα CSS ειδικά για πίνακα στην πρώτη θέση.
Σάρωση του κυβερνώντος αρχείου CSS για οποιαδήποτε από τις ακόλουθες τιμές μέσα στο τραπέζι, ου, ή tdιδιότητες και προσαρμόστε όπως απαιτείται:
- σύνορο: Καθορίζει τα χαρακτηριστικά ενός περιγράμματος πίνακα ή κελιού
- κατάρρευση συνόρων: Αντιμετωπίζει τα παρακείμενα σύνορα ως ένα, για να αποφευχθεί η επανάληψη πλάτους περιγράμματος
- υλικό παραγεμίσματος: Προσφέρει κενό χώρο, σε pixel, γύρω από κάθε κελί
- στοίχιση κειμένου: Καθορίζει το ευθυγράμμιση κειμένου μέσα στο κελί
- διάκενα: Ρυθμίζει την απόσταση μεταξύ κελιών, σε pixel
Εναλλακτικές
Παρόλο που μπορείτε ακόμα να χρησιμοποιήσετε πίνακες HTML (το πρότυπο είναι καθιερωμένο και υποστηρίζεται παγκοσμίως προγράμματα περιήγησης), ο πιο σύγχρονος σχεδιασμός ιστοσελίδων που ανταποκρίνεται χρησιμοποιεί φύλλα στυλ με επικάλυψη για την τοποθέτηση στοιχείων σε μια σελίδα. Οι πίνακες εξακολουθούν να έχουν νόημα για τον αρχικό προβλεπόμενο σκοπό εμφάνισης δεδομένων πίνακα, αλλά για την οργάνωση της διάταξης και του περιεχομένου μιας σελίδας, προτιμάτε να χρησιμοποιείτε τη διάταξη CSS.