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 !"
Vous avez bien lu : derniers mots . Cette fois-ci on va placer la poire à droite plutôt qu'à gauche. C'est presque pareil, tout gît dans le presque . À titre exceptionnel, le texte de cet article est justifié pour que vous voyiez bien qu'il suit les contours...
Lire la suiteAaaaalors… Récapétons D'abord une image de 120x150 pixels. Pour la mettre à gauche du texte comme ici, il suffit de la flotter à gauche float:left. Seulement tout ça ne produit que de beaux rectangles et nous voudrions bien que le texte suive le contour...
Lire la suiteJe ne prétends pas vous apprendre qu'on peut utiliser une photo comme image de fond (background-image) d'autre chose, mais il peut être utile de réviser deux ou trois trucs. Images Primo, une image img fait partie du texte de la page HTML, c'est un élément...
Lire la suitePuisque vous avez appris par cœur l'article précédent vous savez comment construire une forme irrégulière à gauche du texte ou à droite : en empilant une série de "lanières" flottées à gauche ou à droite. Question non résolue : comment faire apparaître...
Lire la suiteBon, allons-y. Je vous l'ai dit dans l'article initial, il s'agit de flottants et d'images de fond. Parlons d'abord des flottants. Un premier span aaa, un baratin calibré juste pour garnir un peu, un autre span bbbbbbb, un dernier ccccc pour faire le...
Lire la suiteVous reconnaissez peut-être cette poire ? Voilà son étude détaillée si vous ne l'avez pas encore lue. Seulement elle n'est pas le sujet du jour : cet article a des marges un peu spéciales. L'effet ici se veut rigolo, il peut servir bien sûr à faire des...
Lire la suiteSuite et fin de la première partie. Reprenons Revoilà notre exemple, son CSS et la propriété transition : Bouh ! /* L'encadré Bouh ! au repos */ .bouh {margin: 0 auto;width: 4em; padding: 0; text-align: center; color: black; background-color: white; border:...
Lire la suiteUn petit article (deux, en fait) pour répondre aux questions de débutant que je me suis posées, pas davantage, pour clarifier tout ce qui va sans dire. Je suppose tout de même que vous n'êtes pas ignare en CSS et que vous utilisez un navigateur pas trop...
Lire la suiteTrois ressources bien utiles pour les tritureurs de design comme votre serviteur : CSS 3 files, pour tout savoir sur les nouveautés alléchantes de CSS 3 : coins arrondis, ombres, fonds dégradés, couleurs semi-transparentes et autres merveilles ; Can I...
Lire la suiteEncore une demande récurrente sur le forum OB : Ouin, y a pas assez de modules texte libre ! Le nombre maximum est actuellement de 8. Ne nous faisons pas d'illusions : 8, 16, 32… il n'y en aura jamais assez. D'autre part, si vous regardez attentivement...
Lire la suite