# 037: Recherche de bâtiments, 3e partie - Astuces CSS

Table des matières

Nous avons encore un peu de travail à faire pour terminer la zone de recherche.

Nous sommes distraits pendant juste une seconde car je remarque que nous n'avons pas encore ajouté l'effet d'empilement tridimensionnel à l'habillage de page, alors nous le faisons et changeons la coloration.

Ensuite, nous travaillons sur la zone «Rechercher dans:», qui sont les petits liens sur lesquels vous pouvez cliquer pour affiner la recherche en fonction de quelle zone du site. Plus tard, nous ferons en sorte que cela fonctionne, mais nous obtiendrons l'interface utilisateur pour cela définie ici. Les liens sont d'un bleu clair, mais le lien «sélectionné» devient blanc et est souligné, ce qui représente de nombreux commentaires sur lequel est sélectionné.

Nous ajoutons également un caractère ✕ (que nous accrochons à CopyPasteCharacter) comme petit lien sur lequel vous pouvez cliquer (ou appuyer) pour fermer la zone de recherche.

Une fois que la conception est terminée, nous constatons qu'ouvrir et fermer la zone de recherche est un peu gênant. Les choses s'enroulent temporairement lorsque la zone de recherche ouverte est temporairement étroite. Pour résoudre ce problème, nous nous assurons que rien ne s'enroule white-space: nowrap;et que rien ne ressorte bizarre oveflow: hidden;.

Je termine en disant que nous allons créer les moteurs de recherche ensuite, mais nous n'y arriverons pas vraiment ensuite, cela se produira autour de la vidéo # 094.

Articles intéressants...