Η ανάγκη επέκτασης του πίνακα σε ολόκληρο το χώρο του παραθύρου του προγράμματος περιήγησης προκύπτει, για παράδειγμα, όταν ο σχεδιασμός σελίδας τοποθετείται μέσα στον πίνακα. Η λύση σε αυτό το πρόβλημα δεν απαιτεί σύνταξη πολύπλοκου κώδικα, αλλά περιλαμβάνει τη λήψη ορισμένων από τα χαρακτηριστικά της σήμανσης των ιστοσελίδων.
Απαραίτητη
Βασικές γνώσεις HTML
Οδηγίες
Βήμα 1
Πρώτον, πρέπει να διευκρινίσετε το νόημα της επερχόμενης λειτουργίας. Στον κώδικα HTML, οι σελίδες πίνακα είναι ένα σύνολο ένθετων ζευγαρωμένων ετικετών (ένα άνοιγμα και ένα κλείσιμο). Ετικέτες κελιού (
) είναι ένθετα σε ετικέτες συμβολοσειράς (
), και αυτά, με τη σειρά τους, σε ετικέτες πίνακα (
). Στην ετικέτα ανοίγματος του πίνακα, μπορείτε να ορίσετε το πλάτος και το ύψος του τόσο σε απόλυτες μονάδες (εικονοστοιχεία) όσο και σε σχετικά (ποσοστά). Με σχετικά μεγέθη, το πλάτος και το ύψος του γονικού στοιχείου του πίνακα λαμβάνονται ως 100%. Εάν τοποθετήσετε έναν πίνακα απευθείας στο σώμα της σελίδας (και όχι σε επίπεδο, φόρμα, άλλο πίνακα κ.λπ.), τότε οι διαστάσεις του γονικού στοιχείου θα είναι το πλάτος και το ύψος της σελίδας. Αυτό σημαίνει ότι για να τεντώσετε το τραπέζι σε όλο τον ελεύθερο χώρο, πρέπει να καθορίσετε 100% οριζόντιες και κατακόρυφες διαστάσεις για αυτόν.
Βήμα 2
Τώρα μπορείτε να αρχίσετε να το εφαρμόζετε σε HTML. Το πλάτος και το ύψος του πίνακα καθορίζεται από τα χαρακτηριστικά πλάτους και ύψους. Έτσι, ο κωδικός πίνακα που δείχνει το 100% των διαστάσεων σε όλες τις κατευθύνσεις και, για παράδειγμα, με δύο κελιά σε μια σειρά, μπορεί να μοιάζει με αυτό:
| αριστερό κελί του πίνακα | δεξί κελί του πίνακα |
Βήμα 3
Ο καθορισμός του πλάτους και του ύψους 100% θα είναι αρκετός για να τεντώσετε τον πίνακα αν επιλέξετε το σωστό πρότυπο HTML με το οποίο το πρόγραμμα περιήγησης θα πρέπει να διαβάσει τον κώδικα σελίδας. Η ετικέτα τοποθετείται στην πρώτη γραμμή του εγγράφου. Χρειάζεστε μια ετικέτα με το ακόλουθο περιεχόμενο:
Βήμα 4
Και ένα ακόμη σημείο πρέπει να ληφθεί υπόψη στον κώδικά σας: από προεπιλογή, η σελίδα είναι εσοχή από τις άκρες του παραθύρου κατά μερικά pixel, οπότε ο πίνακας, ακόμη και μετά τη συμπλήρωση ολόκληρης της σελίδας, δεν θα επεκταθεί σε ολόκληρο το παράθυρο. Για να εξαλείψετε αυτά τα περιττά πεδία, μπορείτε να καθορίσετε μηδενικές εσοχές στα αντίστοιχα χαρακτηριστικά στην ετικέτα ανοίγματος του σώματος σελίδας ():
Βήμα 5
Όταν συναρμολογηθεί, ολόκληρος ο κωδικός σελίδας με έναν πίνακα τεντωμένο στο πλήρες πλάτος και το ύψος της οθόνης θα μοιάζει με αυτό:
Τεντωμένο τραπέζι
| αριστερό κελί του πίνακα | δεξί κελί του πίνακα |
