HTML revisited

[fs]

Συγγνώμη για το "disturbance to the force" :-)

Αναρωτιόμουν αν γνωρίζει κανείς καλά την συμπεριφορά του rendering της
HTML και την ίδια την HTML στην συγκεκριμένη περίπτωση: Έχουμε ένα
table στο οποίο θέλουμε συγκεκριμένα cells να έχουν συγκεκριμένο width ή
height και να μην υπάρχουν σκαμπανευάσματα από browser σε browser ώστε να
υπάρχουν διαφορές έστω και ενός pixel. Ο λόγος για αυτό είναι ότι η χρήση
συγκεκριμένων αριθμών pixels θα χρησιμοποιηθεί για αισθητικούς λόγους που
αν κάτι πάει στραβά τότε όλη η εικόνα πάει στραβά.

Επειδή προφανώς τα λόγια όταν μπαίνουν "αισθητικοί" λόγοι στη μέση είναι
σκέτα λόγια, σε αυτή τη σελίδα φαίνεται ένα παράδειγμα ενός table που
χρησιμοποιεί tables όπου συγκεκριμένα cells είναι απαραίτητο να έχουν
συγκεκριμένο width και height.

http://www.mtnsms.com

Τα συγκεκριμένα tables φαίνονται καλά σε όσους browsers δοκίμασα αλλά
ανακατασκευή της εμφάνισης αυτής δεν κατάφερα να κάνω.

Για να γίνει πιο συγκεκριμένο, το είδος table που υπάρχει στην παραπάνω
σελίδα χρησιμοποιεί τέσσερα διαφορετικά images σε κάθε γωνία του τα οποία
έχουν γίνει σε κάποιο image editor με συγκεκριμένες διαστάσεις.

Στην παραπάνω σελίδα το "πάνω-αριστερά" image του δεξιά table είναι
αυτό:

http://www.mtnsms.com/images/yel/corner_tl.gif

Το "σωληνάκι" που έχει δημιουργηθεί στον image editor έχει συγκεκριμένο
"πάχος" και η κατασκευή ενός table γύρω του  απαιτεί ένα cell με width
στα 5 pixels και color black από κάτω και ενός cell με height στα 5
pixels και color black στα δεξιά του για να δημιουργηθεί η ψευδαίσθηση
ομοιομορφίας. 

Όπως φαίνεται και από το site-παράδειγμα, για να γίνει αυτό τότε θα
χρειαστεί rowspan = 2 στα cells των images όπως και colspan = 2 για να
κρατηθούν 2 cells σε δύο πλευρές των cells που κρατάνε τα images. Οπότε
2 από αυτά τα 4 άλλα cells θα είναι οι "μαύρες λουρίδες" με το width και
height στα 5.

Ως εδώ όλα καλά στη θεωρία και δεν υπάρχει πρόβλημα. Βάζουμε width=5 στα
cells με τις "κάθετες λουρίδες" και είναι όλα τέλεια, το table μοιάζει
ομοιόμορφο. Αλλά, βάζουμε 5 pixels height στα "οριζόντια" cells και ουπς!
Δεν λειτουργεί. Συγκεκριμένα φαίνονται πολύ "χοντρά" σε σχέση με τα 5
pixels που είναι το setting. Τουλάχιστον 20.

Η ερώτηση στην ουσία είναι, "ποιος είναι ο γερμανός του;".

Να πω τις αμαρτίες μου τώρα. Ενώ θυμάμαι την html ώστε να κάνω tables σε
text editor δεν το έκανα :-) Δοκίμασα τα πάντα σε mozilla editor.
 Μάλιστα δοκίμασα αν το dreamweaver στο δίπλα windos pc κάνει
 δουλειά σετάρωντας εκεί τα heights και ενώ εκείνο έδειχνε εντάξει στο
 preview του το "ζητούμενο" οι browsers δεν συμφωνούσαν. Πήγα να δω αν το
 openoffice κάνει τίποτα αλλά καλύτερα να μη σχολιάσω :-)

Αυτά με έχουν βάλει σε υποψίες μήπως η HTML είναι ανίκανη να αναπαράγει το
"εφέ" των tables του http://www.mtnsms.com και χρειάζονται πράγματα όπως
css styles που έχει βάλει ο τύπος εκεί μέσα αν και δεν το έψαξα καθόλου
προς εκείνη την πλευρά.

-fs