Πώς να ευθυγραμμίσετε το περιεχόμενο του πίνακα σε στήλες και γραμμές στο Dreamweaver

Η καθαρή στοίχιση στοιχείων σε στήλες και σειρές κάνει το τραπέζι σας καθαρό και ευανάγνωστο. Η επίτευξη αυτής της εμφάνισης στο Dreamweaver μπορεί να είναι δύσκολη επειδή δεν έχετε τόσο πολύ έλεγχο στην HTML όσο σε ένα πρόγραμμα όπως το Excel, όπου μπορείτε, για παράδειγμα, να ευθυγραμμίσετε τους αριθμούς με την υποδιαστολή. Σε έναν πίνακα HTML, μπορείτε να στοιχίσετε το περιεχόμενο των στηλών αριστερά, δεξιά ή στο κέντρο.

Τα παρακάτω βήματα εξηγούν τα βασικά στοιχεία της ευθυγράμμισης σειρών και στηλών στον πίνακά σας (και θα βρείτε συμβουλές για την επίλυση κοινών προβλημάτων στοίχισης επίσης):

Επιλέξτε τη στήλη ή τη γραμμή για την οποία θέλετε να αλλάξετε τη στοίχιση.

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

Επιλέξτε μια επιλογή στοίχισης από τις αναπτυσσόμενες λίστες Horz (οριζόντια) ή Vert (κάθετη) στον Επιθεωρητή Ιδιοτήτων.

Το περιεχόμενο του κελιού προσαρμόζεται ώστε να ταιριάζει με την επιλεγμένη επιλογή στοίχισης.

Εναλλακτικά, μπορείτε να αποκτήσετε πρόσβαση σε πολλές επιλογές μορφοποίησης, συμπεριλαμβανομένων των επιλογών στοίχισης, επιλέγοντας έναν πίνακα και στη συνέχεια κάνοντας δεξί κλικ (Windows) ή κάνοντας κλικ στο Control (Mac).

Πώς να ευθυγραμμίσετε το περιεχόμενο του πίνακα σε στήλες και γραμμές στο Dreamweaver

Εάν ακολουθήσετε τα προηγούμενα βήματα αλλά τα περιεχόμενα του πίνακα εξακολουθούν να μην ευθυγραμμίζονται, δοκιμάστε τις ακόλουθες συμβουλές:

  • Εάν χρησιμοποιείτε τον ίδιο αριθμό ψηφίων μετά την υποδιαστολή σε όλους τους αριθμούς σας, μπορείτε να τα ευθυγραμμίσετε σε μια στήλη. Για παράδειγμα, εάν μια τιμή είναι 12,99 $ και μια άλλη είναι 14 $, εκφράστε την τελευταία ως 14,00 $. στη συνέχεια, όταν στοιχίσετε δεξιά, οι αριθμοί ευθυγραμμίζονται. (Εάν οι στήλες σας εξακολουθούν να μην ευθυγραμμίζονται με τον τρόπο που θέλετε, σκεφτείτε να χρησιμοποιήσετε μια γραμματοσειρά monospace).

  • Εάν αντιμετωπίζετε προβλήματα με την ευθυγράμμιση των περιεχομένων των παρακείμενων κελιών, ορίστε την κατακόρυφη στοίχιση σε Επάνω. Μια κοινή απογοήτευση εμφανίζεται όταν έχετε δύο ή περισσότερες σειρές δίπλα-δίπλα με κείμενο στη μία και εικόνες στην άλλη, και θέλετε να ευθυγραμμιστούν το επάνω μέρος της εικόνας και το επάνω μέρος του κειμένου. Συχνά δεν παρατάσσονται γιατί έχουν διαφορετικά μήκη.

    Η λύση είναι απλή: Επιλέξτε όλα τα κελιά που θέλετε να στοιχίσετε και στο Property inspector, αλλάξτε την κατακόρυφη στοίχιση σε Top. Φαινομενικά σαν μαγικό, όλο το περιεχόμενο πηδά στην κορυφή των κελιών και ευθυγραμμίζεται τέλεια. Αυτό είναι ένα τόσο κοινό πρόβλημα που μπορείτε να ορίσετε τακτικά την κατακόρυφη στοίχιση των κελιών του πίνακα στην κορυφή.

  • Βεβαιωθείτε ότι χρησιμοποιείτε τις ίδιες ετικέτες μορφοποίησης, παραγράφου και διαλείμματος εάν θέλετε να ευθυγραμμιστούν τα περιεχόμενα των παρακείμενων κελιών. Μια άλλη κατάσταση στην οποία τα περιεχόμενα των παρακείμενων κελιών δεν ευθυγραμμίζονται σωστά συμβαίνει όταν συμπεριλαμβάνετε ετικέτες παραγράφου γύρω από το κείμενο ή μια εικόνα σε ένα κελί αλλά όχι σε άλλο.

    Χρησιμοποιήστε την προβολή διαίρεσης (κάνοντας κλικ στο κουμπί Διαίρεση στο επάνω μέρος του χώρου εργασίας) και βεβαιωθείτε ότι ο κώδικας και στα δύο κελιά ταιριάζει. Εάν έχετε

    ετικέτες γύρω από τα περιεχόμενα σε ένα κελί και όχι σε άλλο, φροντίστε να τις συμπεριλάβετε στο δεύτερο κελί ή να τις αφαιρέσετε από το πρώτο ώστε να ταιριάζουν και τα δύο κελιά.


Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.

Εργασία με εικόνες στο Adobe XD

Εργασία με εικόνες στο Adobe XD

Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]

Εργασία με Artboards στο Photoshop CC

Εργασία με Artboards στο Photoshop CC

Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]

Σχήματα και πολύγωνα στο InDesign

Σχήματα και πολύγωνα στο InDesign

Πολλά από τα εργαλεία που βρίσκετε στον πίνακα Εργαλεία InDesign χρησιμοποιούνται για τη σχεδίαση γραμμών και σχημάτων σε μια σελίδα, επομένως έχετε πολλούς διαφορετικούς τρόπους δημιουργίας ενδιαφέροντων σχεδίων για τις δημοσιεύσεις σας. Μπορείτε να δημιουργήσετε οτιδήποτε, από βασικά σχήματα μέχρι περίπλοκα σχέδια μέσα στο InDesign, αντί να χρειάζεται να χρησιμοποιήσετε ένα πρόγραμμα σχεδίασης όπως […]

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]