I denne skjermsendingen skal vi komme inn på å bygge kommentarsskjemaet i HTML / CSS. Markeringen for kommentarskjemaet lever i comments.php-filen i vårt tema. Vi ser etter elementet for å finne det.
Vi legger ut hver av de tre inngangene (navn, e-postadresse, url) ved hjelp av rutenettet vi har på plass. Gutt, vi har fått god bruk av det?
Vi har allerede en CSS-fil eksklusivt for kommentarer relaterte ting, så det er der vi skal jobbe. Det første vi skriver er å gjøre inngangene i det lille rutenettet vårt 100% bredt slik at de passer inn i kolonnen. Divs ville gjort dette naturlig, men innganger oppfører seg mer som inline-block og fyller ikke automatisk foreldrenes bredde. Vi fikler også med hovedtekstområdet litt, noe som gjør det 100% bredt og ikke så høyt som det var. Vi bestemmer oss for ikke å rote med størrelsesendringsevnen til tekstområdet. Det bryter egentlig ikke noe.
Så får vi Svar-lenken til å fungere. JavaScript fungerer allerede helt fint, fordi vi ikke rotet med ID-en for skjemaet som JavaScript er avhengig av. Vi trenger å lage en haug med justeringer, som å gi skjemaet en grå bakgrunn slik at utformingen av den fungerer.
Vi bruker resten av tiden på å tilpasse noen ting med mediespørsmål, slik at skjemaet ser bra ut på små skjermer.