# 114: Ēkas komentāru veidlapa - CSS-triki

Anonim

Šajā ekrāna pārraidē mēs iekļausim komentāru formas izveidi HTML / CSS. Komentāru veidlapas marķējums atrodas mūsu tēmas failā comments.php. Mēs meklējam elementu, lai to atrastu.

Katru no trim ievadiem (vārds, e-pasts, URL) izkārtojam, izmantojot mums izveidoto režģa sistēmu. Zēns, mēs to esam labi izmantojuši?

Mums jau ir CSS fails, kas paredzēts tikai ar komentāriem saistītai lietai, tāpēc tur mēs strādāsim. Pirmā lieta, ko mēs rakstām, ir padarīt mūsu mazā režģa ievades 100% platas, lai tās ietilptu kolonnā. Divs to darītu dabiski, bet ievadi darbojas vairāk kā inline-block un automātiski neaizpilda vecāku konteineru platumu. Mēs arī mazliet pakavējamies ar galveno tekstu, padarot to par 100% platu un ne tik augstu kā bija. Mēs nolemjam nejaukt ar textarea lieluma maiņas iespējām. Tas īsti neko nesalauž.

Tad saite Atbildēt darbojas. JavaScript jau darbojas lieliski, jo mēs nejaucāmies ar tās formas ID, uz kuru JavaScript paļaujas. Mums tomēr ir jāveic virkne pielāgojumu, piemēram, piešķirot veidlapai pelēku fonu, lai tā dizains darbotos.

Pārējo laiku mēs pavadām, pielabojot dažas lietas ar multivides vaicājumiem, lai mazajos ekrānos forma izskatās labi.