I denna screencast kommer vi att bygga kommentarformuläret i HTML / CSS. Markeringen för kommentarformuläret finns i comments.php-filen i vårt tema. Vi letar efter elementet för att hitta det.
Vi lägger ut var och en av de tre ingångarna (namn, e-postadress, url) med hjälp av det rutnät vi har på plats. Pojke vi har fått bra nytta av det va?
Vi har redan en CSS-fil exklusivt för kommentarer relaterade saker, så det är där vi kommer att arbeta. Det första vi skriver är att ingångarna i vårt lilla rutnät är 100% breda så att de passar in i kolumnen. Divs skulle göra detta naturligt, men ingångar beter sig mer som inline-block och fyller inte automatiskt deras överordnade behållares bredd. Vi lurar också lite med huvudtextområdet vilket gör den 100% bred och inte så lång som den var. Vi bestämmer oss för att inte röra med storleken på textområdet. Det bryter egentligen ingenting.
Då får vi svarslänken att fungera. JavaScript fungerar redan bra, för vi har inte trasslat med ID för den form som JavaScript bygger på. Vi behöver dock göra en massa tweaks, som att ge formen en grå bakgrund så designen av den fungerar.
Vi tillbringar resten av tiden med att finjustera några saker med mediefrågor så att formuläret ser OK ut på små skärmar.