basic html hjelp - kontakt form

[Dseller]

Slik er det http://puu.sh/4tSN7.png

slik vil jeg ha det http://puu.sh/4tSOd.png (man kan dra den ut men vil at det skal bli slik automatisk) altså når du kommer inn på siden slipper man å dra ut denne selv

<p>Ditt navn (obligatorisk)<br />
    [text* your-name] </p>

<p>E-post (obligatorisk)<br />
    [email* your-email] </p>

<p>Emne<br />
    [text your-subject] </p>

<p>Melding<br />
    [textarea your-message] </p>

<b>Sikkerhetsspørsmål:<b>

[quiz quiz-341 "Hvor mye er 2+2|4"]


<p>[submit "Send"]</p>

Noen som veit hvordan jeg kan få til det?

 

[selbekk]

Hei,

Et par kjappe spørsmål, så kan jeg (vi) gi deg et svar.

- Hva slags plugin bruker du?
- Hva er HTML-en som blir generert av denne koden? Trykk ctrl(cmd) + u og se kildekoden.

Hvis dette er det eneste formet på websiden, kan du skrive dette i CSS-filen din:

/* juster antall px til du får ønsket bredde */
textarea { width: 600px;}

Dette er - uheldigvis - ikke helt optimalt. Nå vil nemlig ALLE textareas på websiden din bli 600px brede. Dette KAN funke for deg, men er heller tvilsomt for mer komplekse sider.

 

[Dseller]

Bruker wordpress - contact form 7 WordPress › Contact Form 7 « WordPress Plugins

9f73b01928352e30f687612c5ccfc097.png

 

[adeneo]

Contact Form 7 har options du kan sette for å angi kolonner og rader.

Du kan selvfølgelig bare sette det rett i CSS også, gå inn på "utseende", så "redigering", under "stiler" nederst finner du style.css og legger til dette nederst for å endre størrelsen på textarea i CF7 :

.wpcf7 textarea  {
  height: 100px;
  width : 600px;
}