# 106: Območje delnih delčkov, 3. del (HTML in CSS) - CSS-triki

Anonim

Približno smo končali z izdelavo domače strani območja Snippets mesta. Takoj začnemo popravljati stvari in spravljati več stvari v formo.

Imamo čudno izkušnjo, ko se absolutno postavljeni psevdo element ni odzval na negativni levi rob, ampak je bil v redu s pozitivnim desnim robom. Kdo je vedel.

Nato preidemo na izdelavo »aktivnega« razreda za levi meni kategorij delčkov. Hkrati brskate samo po enem (na desni strani je prikazan seznam sorodnih delčkov). Recimo, da je »HTML« aktiven in kliknete »CSS«, na desni strani se prikaže nov seznam le delčkov, povezanih s CSS. Na mestu mora biti nekaj stylinga, da se pokaže, kdo je aktiven. Spreminjanje z-indeksa v aktivnem razredu je dovolj, da nam bo uspelo (tako da bo sedel nad senco).

Pri seznamu na desni je povezava prikazana: block - vendar je to skoraj preveč klikljivo območje. Zdi se čudno, če tako mislim, ampak mislim, da je res. Ne želite, da bi slučajno kliknili zelo daleč od besedila same povezave, da bi jo aktivirali. Bilo bi presenetljivo in čudno. Torej, povezave so lahko vstavljene v vrstici, tako da imajo lahko nekaj oblazinjenja, vendar ne zapolnite celotne širine, kot je element seznama, v katerem so.

Za same povezave smo se odločili, da je naslov delčkov v barvi kategorije, v katero spadajo, premočan. Namesto tega bodo povezave sive, barva prevračanja pa lahko dobi to posebno barvo.

Odločimo se tudi, da seznam za en stolpec naravnost navzdol deluje za zdaj, če pa je pomikanje preveč smešno, bomo morda nekoč razpadli v dva stolpca in ga skrajšali.