Page 1 of 1

Formbuilder - CSS Input en Button

Posted: Fri Feb 26, 2010 1:21 pm
by Alex91
Weer verder met mijn formulier.

Nu heb ik een probleem met de CSS...

Als ik de input een breedte geef, word de verzendknop net zo breed.
Nu wil ik alleen de input velden een bepaalde breedte geven en de knop niet.

Hoe kan ik die doen?

(heb op dit moment geen voorbeeld, aangezien het lokaal draait op dit moment)

Re: Formbuilder - CSS Input en Button

Posted: Sat Feb 27, 2010 7:05 pm
by stijlXpres
Hallo Alex91,

Dat kun je eenvoudig oplossen door naast de input ook de knop (fbsubmit) te voorzien van styling.
Stel, je formulier heb je meegegeven:

Code: Select all

class="formulier"
(dit kun je invullen op het eerste tabblad als je het formulier bewerkt.

Vervolgens geef je de styling voor zowel de input als voor de submit

Code: Select all

.fomulier input {
  width: 200px;
  ...
}

.formulier .fbsubmit {
  width: 100px;
  ...
}
Op dezelfde manier kun je ook andere afwijkende 'inputs' (radio / textarea / etc...)van eigen styling voorzien.

Succes!