Χαιρετώ την ομήγυρη

Λοιπόν στο θέμα μας. Χρειαζόμαστε HTML πίνακες για το layout του site μας.??? Η απάντηση προφανώς είναι ένα μεγάλο ΟΧΙ. Τότε γιατί πολλά site ακόμα την χρησιμοποιούν?
Εσείς χρησιμοποιείτε πίνακες ή πλέον όλα με CSS?
Παραθέτω και κάποια Link για να βοηθήσουν την κουβέντα
 
Wikipedia -Tableless Web design

http://blog.tn38.net/archives/2005/01/tableless_desig.html

verify your site   Αυτό το Site το χρησιμοποιείται για να τσεκάρετε αν ένα site είναι όντως tableless. Έχει ενδιαφέρον ότι site όπως το google ή το in.gr δεν περνάνε (αντίθετα το dotnetzone. gr πέρασε with flying colors !!)

---

Manos

Αν και δεν ειμαι ουτε προγραμματιστης ουτε designer εχω χρησιμοποιησει το CSS.
Το πιο σημαντικο ειναι να καταλαβεις την θεωρια του css positioning...απο και περα
ολη η δυσκολια προερχεται κυριως απο τον αθλιο ΙΕ.

Ειχα μελετησει πολλα tutorials αλλα τα καλυτερα ειναι τα παρακατω δυο:

http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://www.elated.com/articles/css-positioning/

Η αλήθεια όπως και σε πολλά άλλα θέματα στη πληροφορική είναι κάπου στη μέση κατά την άποψη μου.

Η αρχές του semantic web όντως απαγορεύουν τη χρήση tables για το layout των web σελίδων και είναι πάρα πολλά τα πλεονεκτήματα αυτής της μεθοδολογίας, αλλά είναι πολλές και οι περιπτώσεις (απαιτήσεις), μια εκ των οποίων είναι να παίζει σε όλους τους browser με τον ίδιο τρόπο, που αναγκάζουν τον web developer συχνά πυκνά να καταφεύγει στη χρήση τους.

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

Με την έλευση της νέας γενιάς browser ΙΕ8, Firefox 3 τα πράγματα θα γίνουν πολύ καλύτερα για την χρήση CSS αφού η θα υπάρχει συμόρφωση όλων των browsers στα W3C standards κάνοντας τη ζωή μας πιο εύκολη.

 

---

MSc Konstantinos Pantos
MCP Software Engineer
http://blog.pantos.name
http://kostas.pantos.name

Όταν πρέπει να έχεις πολλά διαφορετικά hacks 1ης και 2ας τάξης (τα οποία πολλές φορές παραβαίνουν και τα όποια "standards" υπάρχουν) και αναγκάζεσαι να ξοδεύεις πολλαπλάσιο χρόνο για να επιτύχεις κάποια πράγματα, η λύση με τους πίνακες είναι απλή, γρήγορη και κυρίως δοκιμασμένη. Πειρασμός; Ίσως. Αλλά δε φταίμε εμείς για αυτό.

Μπορώ να σκεφτώ πάρα πολλές περιπτώσεις όπου το tableless layout ήταν no go (πχ όταν χρειάζεσαι vertical-align: middle, θα καταρραστείς θεούς και δαίμονες μέχρι να το πετύχεις με DIVs). Τελικά το ερώτημα είναι αν ο κόπος από την υλοποίηση ενός tableless layout αξίζει
1) Το συνολικό όφελος,
2) Τον χρόνο που δαπανάται,
3) Ο συνδυασμός των παραπάνω να είναι ουσιαστικός, και να μην μεταβαίνουμε σε purist λογικές για την ιδεολογία και μόνο

Είμαι υπέρ του να μετακινήσουμε το όλο χάος στην HTML σε πιο semantic επίπεδο, αλλά δυστυχώς η κατάσταση είναι πολύ πρόχειρη για να επιτύχεις κάτι σε λογικό χρόνο και κόπο.

Επίσης, απεχθάνομαι τα hacks για όλους τους προφανείς λόγους. Ο κυριότερος ένοχος βέβαια είναι οι διαφορές μεταξύ των browsers, αλλά και το απεχθές και αποκρουστικό ζόμπι που δεν εννοεί να πεθάνει επιτέλους ώστε να δούμε άσπρη μέρα.
Αναφέρομαι φυσικά στον IE6, που παρά τις όποιες προσπάθειες της MS να αναβαθμίσει τους υπολογιστές που έχουν την έκδοση αυτή στον νεότερο IE7, θερίζει ότι είχε σπείρει τόσα χρόνια με την αδιαφορία της στο ζήτημα.

Κοινώς, όσο θα υπάρχει IE6, θα έχει οσοδήποτε παραπάνω από το 20% σε μερίδιο χρήσης και θα υπάρχουν και άλλοι browsers με παρόμοια quirks (Opera κανείς; ) το tableless layout θα είναι ένας διαρκής πονοκέφαλος, χωρίς να αξίζει τον χρόνο που απαιτεί να αναλωθεί για αυτό. Και για να μιλήσω για τον εαυτό μου, κάνω φιλότιμες προσπάθειες να αποφεύγω τους πίνακες σε νέα projects, αλλά καταθέτω τα όπλα και κάνω κάποιες υποχωρήσεις όταν αδυνατώ να βρω λύση σε λογικό χρόνο.

---

Μην αφήνετε τα media να σας "ταΐζουν"!

Mitsaras:

  Αναφέρομαι φυσικά στον IE6, που παρά τις όποιες προσπάθειες της MS να αναβαθμίσει τους υπολογιστές που έχουν την έκδοση αυτή στον νεότερο IE7, θερίζει ότι είχε σπείρει τόσα χρόνια με την αδιαφορία της στο ζήτημα.
Κοινώς, όσο θα υπάρχει IE6, θα έχει οσοδήποτε παραπάνω από το 20% σε μερίδιο χρήσης και θα υπάρχουν και άλλοι browsers με παρόμοια quirks (Opera κανείς; ) το tableless layout θα είναι ένας διαρκής πονοκέφαλος, χωρίς να αξίζει τον χρόνο που απαιτεί να αναλωθεί για αυτό.

Μου δίνεις πάτημα για να αναφέρω το πασίγνωστο πλέον άρθρο:

6 Reasons Why IE6 Must Die

 

---

Manos

Πάντως για να θαυμάσουμε όλοι την ομορφία του CSS design (tableless) ρίξτε μια ματιά εδώ http://www.csszengarden.com/ . Δεξιά μπορείτε να αλλάζετε design και να δείτε κι άλλα.. απο αυτά που είναι στην λίστα τώρα, μου άρεσε πολύ το Kyoto Forest.. Κι όλα αυτά, με css...

---

Παναγιώτης Κεφαλίδης

"Για να επιτύχεις, θα πρέπει το πάθος σου για την επιτυχία να είναι μεγαλύτερο απο τον φόβο σου για την αποτυχία"

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

Panagiotis Kefalidis:

Πάντως για να θαυμάσουμε όλοι την ομορφία του CSS design (tableless) ρίξτε μια ματιά εδώ http://www.csszengarden.com/ . Δεξιά μπορείτε να αλλάζετε design και να δείτε κι άλλα.. απο αυτά που είναι στην λίστα τώρα, μου άρεσε πολύ το Kyoto Forest.. Κι όλα αυτά, με css...

Και αυτο...

http://www.webdesignerwall.com/

Ας ρίξω και λίγο λάδι στη φωτιά, και να κάνω το δικηγόρο του διαβόλου...

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

Έτσι αν θέλεις να κάνεις κάτι σε html με css και δε μπορείς να το πετύχεις τότε μάλλον θα πρέπει να αναρωτηθείς αν αυτή είναι η πλατφόρμα στην οποία θα υλοποιήσεις. Πράγματά τα οποία μπορούν να γίνουν εύκολα με silverlight ή Flash για παράδειγμα είναι από πολύ δύσκολα έως ακατόρθωτα σε html.

 

---

MSc Konstantinos Pantos
MCP Software Engineer
http://blog.pantos.name
http://kostas.pantos.name

Νομίζω ότι το Silverlight και το Flash (Flex) ανήκουν σε μια τελείως άλλη κατηγορία, δική τους (αν θελετε) κατήγορια (βλέπε RIA), οπότε δεν ξέρω κατα πόσο μπορείς, όχι να συγκρίνεις αλλά να τις "παρομοιάσεις" σαν πλατφόρμες μεταξύ τους.

---

Παναγιώτης Κεφαλίδης

"Για να επιτύχεις, θα πρέπει το πάθος σου για την επιτυχία να είναι μεγαλύτερο απο τον φόβο σου για την αποτυχία"

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