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 !"

le pourquoi du comment

[CSS] Marges courbes : derniers mots

[CSS] Marges courbes : derniers mots

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 suite

[CSS] Marges courbes : solution

[CSS] Marges courbes : solution

Aaaaalors… 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 suite

[CSS] Marges courbes : Back to basics

[CSS] Marges courbes : Back to basics

Je 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 suite

[CSS] Marges courbes : fausse piste

[CSS] Marges courbes : fausse piste

Puisque 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 suite

[CSS] Marges courbes : le principe

Bon, 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 suite

[CSS] Marges courbes

Vous 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 suite

Transitions CSS3 : une introduction [2/2]

Suite 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 suite

Transitions CSS3 : une introduction [1/2]

Un 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 suite

CSS3, navigateurs

Trois 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 suite

[CSS] Texte libre à volonté

Encore 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