# 106: Područje gradnje isječaka, 3. dio (HTML i CSS) - CSS-trikovi

Anonim

Približili smo se završetku izrade početne stranice područja isječaka na web mjestu. Odmah počinjemo dotjerivati ​​stvari i dovoditi više stvari u oblik.

Imamo čudno iskustvo kada apsolutno pozicionirani pseudo element nije reagirao na negativnu lijevu marginu, ali je bio u redu s pozitivnom desnom marginom. Tko je znao.

Zatim prelazimo na stvaranje "aktivne" klase za lijevi izbornik kategorija isječaka. Istodobno pregledavate samo jedan od njih (s desne strane vidi popis srodnih isječaka). Recimo da je "HTML" aktivan i da kliknete na "CSS", novi popis samo isječaka povezanih s CSS-om prikazuje se s desne strane. Mora postojati neki styling koji će pokazati koji je aktivan. Promjena z-indeksa na aktivnoj klasi dovoljna je da nam uspije (čineći je da sjedi iznad sjene).

Za popis s desne strane privremen je način da veze prikažu: blok - ali to je gotovo previše klikljivo područje. Čini se čudnim pomisliti to, ali mislim da je to istina. Ne želite slučajne klikove jako daleko od teksta same veze da bi je aktivirali. Bilo bi iznenađujuće i čudno. Dakle, same veze mogu biti umetnute-blok, tako da mogu imati malo popunjavanja, ali nemojte ispunjavati cijelu širinu kao što je stavka popisa u kojoj se nalaze.

Za same veze zaključujemo da je bojanje naslova isječaka u boju kategorije kojoj pripadaju prejako. Umjesto toga, veze će biti sive, ali boja prebacivanja može poprimiti tu posebnu boju.

Također smo odlučili da popis s jednim stupcem za sada djeluje, ali ako je pomicanje postalo previše smiješno, možda jednog dana možemo razbiti u dva stupca i skratiti ga.