tag » Formulaire

Styler vos champs de formulaires de recherche avec CSS

Ce tutoriel pour styler les champs input de vos formulaires de recherche vous permettra d’offrir à vos visiteurs un formulaire design au lieu du traditionnel — mais efficace — champ input type=text blanc avec contour.

L’auteur utilise un button à la place du input type= »submit » pour éviter les problèmes d’alignement afin d’utiliser une seule image pour le champ input et le button. Ce qui permet de gérer facilement les différents état :focus ou :hover avec background-position.

PS : En cas de problème avec l’utilisation de l’élément button, jettez un oeil sur ce fil de discussion paru sur le forum Alsacréations.

Aligner le contenu d'un champ input avec le label associé

Lorsqu’on donne une hauteur height à un champ input, il arrive que le texte saisi à l’intérieur ne s’aligne pas correctement avec la base du texte présent dans le label. Dans ce cas, je diminue la hauteur et je distribue un soupçon de padding en haut et/ou en bas selon l’alignement souhaité. Voulez-vous en savoir plus ?

Personnalisez vos formulaires avec CSS et Javascript

Grâce au tutoriel très complet de Josselin Willette sur la personnalisation des formulaires paru sur Developpez, vous saurez comment mettre les éléments de formulaire au garde-à-vous : input text, password, radio, checkbox, button, submit, reset, textarea, select… Et oui, vous avez bien lu : vous pourrez même changer ce satané texte Parcourir… propre aux input de type file ! Attention toutefois à ne pas trop pertuber l’utilisateur car en matière de formulaire, le moche c’est bien…

10 principes pour un design web efficace

Voici une traduction de l’article 10 Principles Of Effective Web Design paru sur Smashing Magazine dans lequel il apparait que la prise en compte des besoins des utilisateurs, en amont du processus de conception d’un site web, peut s’avérer être un fil conducteur plus efficace que de suivre seulement le délire de l’artiste… Voulez-vous en savoir plus ?

Quelques notes sur XHTML et CSS, au fil de l'eau…

Le quotidien de l’intégrateur XHTML et CSS est parfois ponctué de vide téléologique concernant les bonnes balises à utiliser en fonction du type de contenu. J’ai longtemps cherché à produire un document-type pouvant servir à n’importe quelle commande. Hélas ! Chaque projet demande des réponses graphiques et structurelles ajustées. Néanmoins, je ne résiste pas au plaisir de partager avec vous, à l’occasion du 100^ème jour depuis la mise en ligne de css4design, une sorte de ~~medley~~ mashup de quelques thèmes liés à l’intégration web. Restez vigilant : malgré toute l’attention apportée à la rédaction de ce billet, il reste encore des traces d’humour sous le tapis de souris. Voulez-vous en savoir plus ?

Design de formulaire HTML avec CSS

Depuis longtemps, l’intégrateur web pressé d’aller manger, dresse la table pour mettre en forme ses formulaires. Et vas-y que je te mets du texte dans un td, un champ texte dans l’autre, et ce, jusqu’à la nausée. Désormais, plus d’excuses. Nous pouvons tous (oui, j’ai bien dit tous !) aligner des éléments de formulaires sans table. Mais pas sans les mains ni sans CSS. Voulez-vous en savoir plus ?

« Articles précédents

Articles suivants »

Rigueur. Et passion !

tag » Formulaire

Styler vos champs de formulaires de recherche avec CSS

Aligner le contenu d'un champ input avec le label associé

Personnalisez vos formulaires avec CSS et Javascript

10 principes pour un design web efficace

Quelques notes sur XHTML et CSS, au fil de l'eau…

Design de formulaire HTML avec CSS

Interviewé

J’écris ailleurs

Miscellanées

Avec brio !

WordPress

Javascript

Ailleurs sur le web

Colophon

Rigueur. Et passion !

tag » Formulaire

Nuage de tags

Interviewé

J’écris ailleurs

Miscellanées

Ailleurs sur le web

Colophon