CSS Layouts infos utiles

Eh bien, j'ai enfin reçu tour à apprendre comment faire pure CSS layouts

J'ai pensé que je poste ici et d'encourager toute personne qui n'a pas encore examiné cette contrôles sur les sites suivants:

Une courte intro et un bon endroit pour commencer si vous voulez vous faire une intro ensuite le reste pour vous:
http://www.thenoodleincident.com/tutorials/box_lesson/old/css_3box_plus_topbox.html
(étrangement l'image a disparu depuis screwwy tous, il ya deux jours..... )

Sinon,
http://www.glish.com/css/
a quelques bons exemples de code source affiché pour ceux qui veulent juste voler

et finalement de retour à http://www.thenoodleincident.com pour obtenir une liste de compatibilité des solutions:
http://www.thenoodleincident.com/tutorials/box_lesson/index.html

J'ai décidé de regarder le glish exemples et d'essayer de recréer tout sur ma propre. Ses prises à environ une heure pour moi de produire le texte suivant, que j'ai téléchargée sur un vieux geocities site que je n'ai jamais utiliser! (désolé si vous avez des fenêtres pop-up!)

colonne de gauche avec des fluides du corps: http://www.geocities.com/whataloadof_crap/pure_css/2_col_F-f.htm

fixe à gauche et à droite des colonnes de liquide colonne centrale: http://www.geocities.com/whataloadof_crap/pure_css/3_col_F-f-F.htm

fixe à gauche et à droite avec deux colonnes de liquide centre colonnes (i fait une place tout sur ma propre wheres les oh-so-fier-de-Smilie moi? ): http://www.geocities.com/whataloadof_crap/pure_css/3_col_F-f-f-F.htm

Une seule colonne, taille fixe, centré dans la page: http://www.geocities.com/whataloadof_crap/pure_css/Centered.htm

plusieurs colonnes, tous les fluides: http://www.geocities.com/whataloadof_crap/pure_css/n_col_f-f-f.htm

plusieurs colonnes, largeur fixe, centrée sur la page: http://www.geocities.com/whataloadof_crap/pure_css/Centered_n_col_F-F-F.htm

Le but de cette? Son plus facile à faire que de l'aide de tableaux! J'ai toujours pensé que la plupart des gens ne l'a pas fait parce qu'il a été difficile, mais quand vous regardez de plus près, il est beaucoup plus facile sooooo!

/ / edit: Im neatening pensée de mon code et en tournant ces tutoriels pour mettre sur le web, mais pour l'instant, s'il vous plaît n'hésitez pas à mon pseudo code si vous le souhaitez. Les fichiers CSS sont tous dans le même dossier, avec les mêmes noms que les documents html, mais avec. Css extension....

Yay! Looks great, j'espère que vous amusez-vous et l'espoir de voir ceux des tutoriels. Même écriture tutoriaux vous aideront à plus . Certaines choses, vous devriez regarder en est d'être capable de définir la manière dont le texte est formaté, de gauche à droite, à gauche ou à droite. Vous pouvez obtenir des effets de certains frais, comme la barre de défilement sur le côté opposé et de telles

Je sais. CSS is great, Im juste si heureux d'être à même de définir les sites si rapidement, même complexes. Yay yay yay. Je vais faire les cours quand je peux

* ajoute un autre postit sur écran *

Ill m'assurer que je poste si et quand il est fait.

Cool! Le vrai truc maintenant est de s'assurer tous les mêmes schémas multi

Et je dois avoir passé 30 secondes à essayer de comprendre ce qui a été un postit

Isnt il une honte que *peach* IE ne supporte pas CSS 2 donc il ne peut pas être pleinement exploitées. Et son navigateur le plus utilisé là-bas? Je le vois perdre sa couronne, un jour bientôt, et je l'espère, à son dieu et plutôt tôt que tard. Pourquoi n'est-ce pas juste une mise à jour? Coz theyre coincé en place leur propre arses est ce que je pense.

Je reçois tout le monde je sais que de se convertir à Mozilla Firefox, et si tout le monde fait la même chose, de ses tout bon pour nous, concepteurs de sites Web similaires. Microsoft est vraiment pissin moi récemment, et ce CSS malarky est juste une autre raison de leur aversion. Vos dessins sont cool lookin btw, ive a un bon livre sur le css pour l'apprendre - Concevoir des pages Web CSS. Mauvais post sur mon site ici pour un examen lors de son fait.

Bonne chance.

Uzzo, qui a écrit le livre? Eric Meyer est un excellent auteur de plusieurs livres CSS aussi.

Oui c'est une honte de ne pas appuyer sur msie css2 correctement. Mais Microsoft sera microsoft et de leur propre cul! Les chiffres montrent que l'utilisation de Microsoft Internet Explorer est à la baisse, lentement, mais qu'elle se passe. Ils sont également peu à peu perdre la position dominante dans le système d'exploitation et les guerres. Ils vont changer ou mourir. Ou bien est un grand résultat pour tous les goûts!

Votre commentaire a me rappelle d'un autre lien pour ajouter à ma liste:
http://www.meyerweb.com/eric/css/edge/menus/demo.html
pure css menus! Comme la liste déroulante, puis étendre sur le côté! Tous en css sans javascript! Doesnt travail c'est-à-dire lol. Je n'ai pas regardé à travers la façon dont il est encore fait ses preuves, mais un coup d'œil suffit à s'émerveiller de la façon dont certains peuples, la bonne résolution de problèmes sont

Ive a changé l'orientation de mon tutoriel idée, je pense Im simplement de regarder le plus réaliste possible de différentes manières différentes mises en page, les avantages, les inconvénients et les questions de compatibilité et d'essayer de travailler avec elle tous autant que je peux sans consulter d'autres sources.

Ce sera probablement assez terne pour la lecture mais je dois être un expert en quelques mois . Et au moins je serai en mesure de mettre en place un vaste choix de mises en page très rapidement avec la facilité. Im seulement à apprécier la souplesse dont il est quand vous sortir de la table méthode.

Ho hum à mettre de l'ordre, mon pare démunis rentrent de vacances demain, et j'ai saccagé la maison (à l'exception de ma chambre - ma chambre est agréable et soigné )

Les livres écrits par Christopher Schmitt. Ses disponible au Royaume-Uni par New Riders Editeurs et le numéro ISBN est 0-7357-1263-8. J'ai trouvé que c'était un excellent achat en termes de prix et de la façon dont il a été bonne pour information. La préface, il est par Eric Meyers.

J'ai utilisé glish.coms exemples sur mon site: http://conorific.com/orig et http://conorific.com/porn . J'ai appris quelque chose de nouveau sur CSS, même si j'ai utilisé le code source, si j'ai modifié, j'ai vu comment il travaillait. Excellent post.

Vous ne pouvez pas battre New Riders! Tout Ive lire publié par NR a été excellente!