Overblog
Suivre ce blog Administration + Créer mon blog

Paris, photo, humeurs, un peu de HTML/CSS pour faire sérieux. Feinte innocence et vraie naïveté (ou vice-versa). Encore un blog qui agite ses petits bras en couinant "Viens me lire !"

CSS et mise en page - 8 Recette du mille-feuilles

CSS et mise en page - 8 Recette du mille-feuilles

Zou, cette fois on termine ! Par un article court (comparé aux autres…) et point trop ardu, en plus. Tant qu'on n'aura pas mis au point d'écrans en relief une page HTML aura deux dimensions : largeur et hauteur, abscisse et ordonnée, haut/bas gauche/droite....

Lire la suite

CSS et mise en page - 7 Le pifomètre et l'absolu

CSS et mise en page - 7 Le pifomètre et l'absolu

Wéé ! C'est (presque) le dernier épisode ! Avec une démo qui ravale Star Wars au rang de médiocre plagiat de Guignol contre Winnie l'Ourson ! Au menu, le positionnement absolu et les quelques pièges béants qui vont avec. Le sujet ne pardonne pas les idées...

Lire la suite

CSS et mise en page - 6 Plus c'est moins grand, moins c'est plus petit. Vous voyez ?

CSS et mise en page - 6 Plus c'est moins grand, moins c'est plus petit. Vous voyez ?

Toutes ces boîtes qu'on emboîte… comment font-elles pour rentrer les unes dans les autres ? Comment le navigateur s'y prend-il quand on ne lui donne aucune indication de dimension ? Et quand on lui en donne trop ? Et si on a prévu trop large ou trop serré...

Lire la suite

CSS et mise en page - 5bis Fluctuat sed merditur

CSS et mise en page - 5bis Fluctuat sed merditur

"Il flotte mais il merdoie" : même pas honte du titre… C'est pourtant vrai que ça merdoie On voit bien que le flottage pousse une image ou une case de menu horizontal vers la gauche ou la droite, mais on n'anticipe pas toujours ce que ça fait d'autre,...

Lire la suite

CSS et mise en page - 5 Fluctuat nec mergitur

CSS et mise en page - 5 Fluctuat nec mergitur

Ce titre-là n'était pas négociable… Au programme d'aujourd'hui, la transcription à ma sauce de cette partie de la spécification CSS dont la lecture est fort instructive. Cachez votre joie. Mise en jambes : les boîtes de ligne Encore une espèce exotique...

Lire la suite

CSS et mise en page - 4 Flotter absolument dans un flux relatif ?

CSS et mise en page - 4 Flotter absolument dans un flux relatif ?

Retour du titre avec jeu de mots pourrave inside. Désolé (quel hypocrite je fais, tout de même…). Le plat du jour Jusqu'ici, on a posé les bases de la conversation : l'organisation en arbre du document, les boîtes, leurs deux principaux types possibles,...

Lire la suite

CSS et mise en page - 3 Boîtes en-ligne et boîtes de bloc

CSS et mise en page - 3 Boîtes en-ligne et boîtes de bloc

Aujourd'hui, pas de calembour dans le titre. Petite forme. Considérations profondes Croyez-le ou pas, mais le langage de CSS est très proche de l'intuition, de l'expérience concrète. La syntaxe en est simple ( sujet / verbe / complément ou peu s'en faut)...

Lire la suite

CSS et mise en page - 2 Sortons en boîte

CSS et mise en page - 2 Sortons en boîte

Aparté : il faudrait vraiment que je réfrène mon penchant aux jeux de mots calamiteux… Introduction Tous les bouts de texte ou d'image qui figurent dans la fenêtre d'un navigateur sont contenus dans ce que la spécif CSS appelle des box , terme audacieusement...

Lire la suite

CSS et mise en page - 1 Entrée en matière

CSS et mise en page - 1 Entrée en matière

Voilà bien LE papier emm… à écrire, parce qu'il n'y a aucune invention. Mais … De quoi on va causer ? Mais, lorsqu'on a soigné le choix des polices de caractères, des motifs décoratifs, des couleurs, des marges, etc. on peut vouloir ajuster finement la...

Lire la suite

Promenade - 15 Dionysos avec nous !

Promenade - 15 Dionysos avec nous !

Début d'automne, foires aux vins un peu partout, on va bientôt penser aux vendanges, tout ça tout ça. La vigne à Paris, bien sûr, ça ne va pas chercher très loin : quelques ceps sur les pentes de Montmartre (et encore : on les a plantés dans les années...

Lire la suite