V tomto screencastu se dostaneme k vytváření formuláře pro komentář v HTML / CSS. Značka pro formulář komentáře žije v souboru comments.php v našem tématu. Hledáme prvek, abychom jej našli.
Každý ze tří vstupů (jméno, e-mail, adresa URL) vyložíme pomocí mřížkového systému, který máme zaveden. Chlapče, z toho jsme to dobře využili?
Již máme soubor CSS výhradně pro věci související s komentáři, takže tam budeme pracovat. První věc, kterou napíšeme, je vytvoření vstupů v naší malé mřížce 100% široké, aby se vešly do sloupce. Divs by to dělalo přirozeně, ale vstupy se chovají spíše jako inline-block a nevyplňují automaticky šířku svých nadřazených kontejnerů. Také jsme si trochu pohrávali s hlavní oblastí textu, takže byla 100% široká a ne tak vysoká, jaká byla. Rozhodli jsme se, že si nebudeme hrát s možností změny velikosti textarea. Ve skutečnosti to nic nezlomí.
Pak dostaneme funkční odkaz Odpovědět. JavaScript již funguje dobře, protože jsme se neztratili s ID formuláře, na který se JavaScript spoléhá. Musíme však udělat spoustu vylepšení, například dát formuláři šedé pozadí, aby jeho design fungoval.
Zbytek času věnujeme vylepšování mediálních dotazů, aby formulář na malých obrazovkách vypadal dobře.