V tomto obrazovom vysielaní sa dostaneme k vytváraniu formulára komentára v HTML / CSS. Označenie pre formulár pre komentár sa nachádza v súbore comments.php v našej téme. Hľadáme prvok, aby sme ho našli.
Každý z troch vstupov (meno, e-mail, adresa URL) rozložíme pomocou mriežkového systému, ktorý máme zavedený. Chlapče, dobre sme to využili, hm?
Súbor CSS už máme výhradne pre veci spojené s komentármi, takže tam budeme pracovať. Prvá vec, ktorú napíšeme, je vytvorenie vstupov v našej mriežke 100% širokých, aby sa zmestili do stĺpca. Div by to robili prirodzene, ale vstupy sa správajú skôr ako vložený blok a nevyplňujú automaticky šírku svojich rodičovských kontajnerov. Trochu sa pohrávame aj s hlavnou oblasťou textu, takže je 100% široká a nie tak vysoká ako bola. Rozhodli sme sa, že sa nebudeme miešať so zmenou veľkosti textovej oblasti. Skutočne to nič nezlomí.
Potom bude odkaz funkčný. JavaScript už funguje dobre, pretože sme sa nestarali s ID formy, na ktorú sa JavaScript spolieha. Musíme však urobiť veľa vylepšení, ako napríklad dať formuláru sivé pozadie, aby jeho dizajn fungoval.
Zvyšok času venujeme vylepšovaniu niektorých vecí mediálnymi dopytmi, aby formulár na malých obrazovkách vyzeral v poriadku.