Αυτό το post πήγαινε για κάτι άλλο όμως στην πορεία σκέφτηκα ότι μπορώ να το κάνω ακόμη πιο ενδιαφέρον. Η αρχική σκέψη και τίτλος ήταν “CSS box model” όπου θα έγραφα για τον τρόπο με τον οποίο η CSS αντιλαμβάνεται τα tags ως αντικείμενα στον χώρο και το πως μπορούμε με χρήση εντολών CSS να φτιάξουμε οποιοδήποτε layout. Αυτό που σκέφτηκα όμως είναι πιο πρακτικό και θα σας βοηθήσει ακόμη περισσότερο.
Στείλτε μου το παλιό design της ιστοσελίδας σας και εγώ θα το μετατρέψω σε Tableless CSS Layout. Αν είναι βασισμένο σε Tables (πράγμα πολύ πιθανό), θα το γυρίσω σε Divs τα οποία θα το βοηθήσουν στο να είναι πιο οργανωμένο και όχι χαοτικό. Μη ξεχνάτε ότι τα Tables χρησιμοποιούνται για την εμφάνιση δεδομένων σε πίνακες και όχι ως βάση σχεδιασμού ιστοσελίδων. Ακόμη θα αφαιρέσω όλα τα inline styles που πιθανώς να περιέχει και θα τα βάλω όλα σε CSS αρχεία. Εκτός απ’αυτά θα προσπαθήσω να το κάνω να δουλεύει το ίδιο σε όλους τους browsers και να είναι XHTML 1.0 Validated.
Από όλα τα designs θα διαλέξω το πιο χαρακτηριστικό πάνω στο οποίο και θα βασίσω κάποια μελλοντικά posts για το τι άλλαξα και πως το άλλαξα. Κάπου εκεί θα γράψω και ένα άρθρο για το CSS box model. Παρακάτω στα σχόλια δώστε μου το URL της σελίδας σας αν αυτή είναι στον αέρα. Αν όχι τότε περιμένω email με το layout.
Στείλτε μου τα designs να τους αλλάξω τα φώτα 
!!!
Blogsphere: TechnoratiFeedsterBloglines
Bookmark: Del.icio.usSpurlFurlSimpyBlinkDigg
καλο! σου έστειλα email με το site μου. ωραίο θα ήταν να δείξεις κάποια από τα hacks που πρεπει να ξέρει κάποιος για να δουλεύει σε Internet Explorer. τρώμε πολύ χρόνο εκεί
έχω λάβει ήδη 4 layouts και περιμένω και άλλα. Αν μπορείτε θα ήθελα να γράφετε ένα σχόλιο πριν μου στείλετε κάποιο email με το layout σας. thanks
dose mou 2 divs me fixed width stixismena sth mesh
me diaforetiko xroma background to kathena
xoris na oriseis to height kai xoris na ta valeis mesa se
allo div!!!??!!
kai na pezoun sosta se opera ie kai firefox
zhtao polla ??
καλό challenge! θα το δοκιμάσω και θα σου πω. Όσο για το height εννοείς να μεγαλώνουν σε ύψος και τα δύο ταυτόχρονα όσο ψηλώνει η σελίδα; και τέλος γιατί τα divs να μην περιέχονται σε άλλο div; δεν το καταλαβαίνω. Πάντως σίγουρα κάποιοι περιορισμοί που βάζεις μπορούν να λυθούν διαφορετικά, χωρίς hacks φυσικά και να “παίζουν” σε όλους τους browsers.
υγ. παρακαλώ τα σχόλια να είναι πάντα σε Ελληνικά και όχι Ellhnika
Ένα αρχείο CSS σε ένα portal τι μέγεθος μπορεί να φθάσει ώστε να εμπεριέχει να inline styles; Ενδεικτικά πες μου ένα εύρος τιμών…
@stavros: sorry δεν κατάλαβα την ερώτηση. Το μέγεθος που μπορεί να έχει ένα css αρχείο δεν έχει κάποιο όριο. Τα inline styles από την άλλη βρίσκονται μέσα στα html αρχεία.
Ναι δεν έκανα καλή διατύπωση. Δεν έχει σημασία πόσα kb είναι το CSS αρχείο; Αυτό είναι η απορία μου. Πόσα kb είναι ένα λογικό νούμερο;
δεν έχει καμία σημασία το μέγεθος των αρχείων CSS. Μπορούν να είναι όσο μεγάλα χρειάζεται. Έλα λογικό μέγεθος έτσι ώστε να μην επιβαρύνεις πολύ το load της σελίδας είναι μέχρι περίπου 30Kb.
ειμαι νεος στο joomla.θα ηθελα να φτοιαξω εναν πινακα , αναμεσα απο τις δυο στηλες να εχει μια ενιαια μαυρη γραμμη κ να το φορτοσω στο joomla σαν scc. Πως μπορω να το κανω? ευχαριστω