# 037: Building Search, deel 3 - CSS-trucs

Anonim

We hebben nog wat werk te doen om het zoekgebied te voltooien.

We raken even op een zijspoor, omdat ik merk dat we het driedimensionale stapeleffect nog niet aan de paginaomslag hebben toegevoegd, dus dat doen we en veranderen de kleur.

Vervolgens werken we aan het gebied "Zoeken in:", de kleine links waarop u kunt klikken om de zoekopdracht te verfijnen op welk deel van de site. Later zullen we ervoor zorgen dat dat echt werkt, maar we krijgen de gebruikersinterface ervoor hier ingesteld. De links zijn lichtblauw, maar de "geselecteerde" link wordt wit en wordt onderstreept, wat veel feedback is waarover is geselecteerd.

We voegen ook een ✕-teken toe (dat we halen uit CopyPasteCharacter) als een kleine link waarop u kunt klikken (of tikken) om het zoekgebied te sluiten.

Zodra we het ontwerp helemaal klaar hebben, merken we dat het openen en sluiten van het zoekgebied een beetje lastig is. Dingen wikkelen zich tijdelijk om zichzelf wanneer het open zoekgebied tijdelijk smal is. Om het probleem op te lossen, zorgen we ervoor dat er niets mee omwikkelt white-space: nowrap;en zorgen we ervoor dat er niets raar uitsteekt oveflow: hidden;.

Ik beëindig het door te zeggen dat we de volgende zoekmachines zullen maken, maar we komen er niet echt aan toe, dat komt rond Video # 094.