# 106: Budovanie úryvkov oblasti, časť 3 (HTML a CSS) - Triky CSS

Anonim

Sme blízko dokončenia vytvárania domovskej stránky oblasti Úryvky na webe. Hneď začneme dolaďovať veci a dostávať ďalšie veci do formy.

Máme divnú skúsenosť, keď absolútne umiestnený pseudo prvok nereagoval na negatívny ľavý okraj, ale bol v poriadku s pozitívnym pravým okrajom. Kto vedel.

Potom sa presunieme do tvorby „aktívnej“ triedy pre ľavú ponuku kategórií úryvkov. Prechádzate iba jeden z nich súčasne (vpravo nájdete zoznam súvisiacich úryvkov). Povedzme, že „HTML“ je aktívne a kliknete na „CSS“, vpravo sa zobrazí nový zoznam iba úryvkov týkajúcich sa CSS. Je potrebné zaviesť nejaký styling, ktorý by ukázal, ktorý je aktívny. Zmena z-indexu na aktívnej triede stačí na to, aby fungovala (aby sedela nad tieňom).

Pre zoznam vpravo je lákavé vytvárať odkazy tak, aby sa zobrazoval blok: ale je to takmer príliš klikateľná oblasť. Zdá sa mi čudné si to myslieť, ale myslím si, že je to pravda. Nechcete, aby sa náhodný klik aktivoval príliš ďaleko od textu samotného odkazu. Bolo by to prekvapivé a čudné. Samotné odkazy teda môžu byť blokované vložením, aby mohli mať nejaké polstrovanie, ale nevyplňujte celú šírku ako položka zoznamu, v ktorej sa nachádzajú.

Pre samotné odkazy sa rozhodneme, že zafarbenie názvu úryvkov farbou kategórie, do ktorej patria, je príliš silné. Namiesto toho budú odkazy šedé, ale farba obnovenia môže túto špeciálnu farbu nadobudnúť.

Rozhodli sme sa tiež, že zoznam všetkých stĺpcov, ktorý funguje priamo nadol, zatiaľ funguje, ale ak by rolovanie bolo príliš smiešne, možno sa niekedy podarí rozdeliť do dvoch stĺpcov a skrátiť ho.