Support » Plugins and Hacks » Form Fields in two columns

Form Fields in two columns

Viewing 1 replies (of 1 total)
  • You have to give styles with CSS.
    An example is:

    <div id="datospersonales" class="formudoscolumnas">
    		<p>Nombre (requerido)<br />
    		    [text* your-name] </p>
    		<p>Apellidos (requerido)<br />
    		    [text* text-apellidos] </p>
    		<p>Dirección<br />
    		    [text text-direccion] </p>
    	<div class="izq cuarenta">
    		<p>NIF<br />
    		    [text text-nif] </p>
    		<p>Tu e-mail (requerido)<br />
    		    [email* your-email] </p>		
    		<p>Móvil<br />
    		    [tel tel-telefono] </p>
    		<p>Ciudad<br />
    		    [text text-ciudad] </p>
    		<p>Facebook<br />
    		    [url url-facebook "http://www.facebook.com/"] </p>
    	<div class="der cuarenta">
    		<p>Edad<br />
    		    [text text-edad] </p>
    		<p>Código Postal<br />
    		    [text text-cp] </p>
    		<p>País<br />
    		    [text text-pais] </p>
    		<p>Indica tu web<br />
    		    [text text-web] </p>
    		<p>Otras Redes Sociales<br />
    		    [text text-otras ] </p>
    	<div class="clear"></div>

    And CSS:

    .formudoscolumnas {
    	text-align: center;
    .izq {
    	float: left;
    .der {
    	float: right;
    	margin-right: 10px;
    .clear {
    	clear: both;
    .cuarenta {
    	width: 40%;


Viewing 1 replies (of 1 total)
  • The topic ‘Form Fields in two columns’ is closed to new replies.