br tag όπως λέμε τι είναι αυτά που κάνει BRε

Αρχίζω λέγοντας πως πρέπει να κοιτάμε λίγο τα ημερολόγια μας για να μας υπενθυμίσει πως έχουμε 2010. Λέγοντας λοιπόν αυτό σήμερα έπεσα πάνω σε μια φόρμα όπου ο τίτλος του πεδίου είναι απλά πάνω από το text field και ο κώδικας του ήταν κάπως έτσι:

Θα κάνει τη δουλειά δε λέω. Θα κρατήσει το τίτλο πάνω από το text field. Βάζοντας όμως μια μικρή δήλωση css “label { display:block; }” πετυχαίνουμε το ίδιο πράγμα και επίσης έχουμε ώφελος γιατί πολύ απλά πλέον το label tag είναι block element, θα πιάσει το συνολικό πλάτος του container, το input θα “κάτσει” από κάτω και έχουμε τη δυνατότητα για fine-tuning στο margin του στο padding του κλπ. κλπ.

Ξέρω πως τα τελευταία posts κάνουν κάποιους να νυστάζουν αλλά τα παραδείγματα προέρχονται από καλοπληρωμένους Έλληνες “Pros”. Καλησπέρα σας.

8 comments

  1. Δε το πιάνω ακριβώς το post!

    Δηλαδή επειδή υπάρχει κ άλλος τρόπος αυτός είναι λάθος?
    Υπάρχουν περιπτώσεις που το display:block δε θα δουλέψει.

    Αnyway, όσο οι πελάτες ζητάνε καγκουριές τόσο θα παραμένουν όλες οι μέθοδοι στην πιάτσα. Και στην τελική μάλλον συζητάμε την διαφορά μεταξύ valid και όμορφου κώδικα

  2. Ναι προφανώς δεν εννοώ να μην κλείνει το tag. Απλά για την χρήση του λέω. Όσο είναι valid HTML δε βλέπω το λόγω να μην χρησιμοποιείται

  3. Το γεγονός ότι έβαλε το for=”” στο label φανερώνει ότι το όλο θέμα είναι ορθογραφικό. Αρνούμαι να πιστέψω ότι κάποιος ξέρει το ένα και αγνοεί το άλλο.

Leave a Reply

Your email address will not be published. Required fields are marked *