(Solucionado) como darle un margin individuar a cada texto y la casilla del fomulario

[nocturno8000]

hola alguien puede decirme  como puedo darles margin-left individual con todo y el texto a cada texto y la casilla del formulario les pondré un imagen para que vean que es lo que quiero darle un margin individuar por que lo que pasa es que cuando le doy margin a uno se mueven todos vean la imagen

 

 

 

 

saludos y muchas gracias.

 

mi versión es  PrestaShop 1.5.6.1

mi tienda http://tobuyall.com/es/pedido-rapido

Edited April 13, 2014 by nocturno8000 (see edit history)

[nocturno8000]

hola alguien me puede ayudar con esto.

[nocturno8000]

Hola para hacerlo individualmente sera necesario que definas un id para cada contenedor. Por ejemplo del campo email:

<p id="email-container" class="text"> 
    <label for="email">Correo electrónico</label>
	<span>
	    <input type="text" class="account_input" value="" name="email" id="email">
	</span>
</p>

De esa manera puedes darle a cada uno su estilo:

#email-container label {margin: 10px;}
#email-container input {margin: 10px;}

Un saludo

hola statictic puedes decirme como hacerlo con mas claridad, por que ya ice lo que me has dicho y lo que hace eso es que me crea otro input  de nuevo yo lo que quiero es mover el que tiene con todo y el texto hacia la derecha por favor puedes ayudarme lo necesito saludos.

quien me puede ayudar.

quien me puede ayudar.

[nocturno8000]

hola amigo primeramente agradezco por todo en lo que me han ayudado y ahora explicare mi problema, lo que pasa es que yo estoy tratando de mover el apellido del formulario al lado derecho del nombre pero no he podido o mejor dicho no se como hacerlo por favor quisiera que me ayudaran si son tan amables, yo le pondré una imagen y le voy a marcar cuales son los apellidos que quiero mover a la derecha y donde los quiero, ojo les digo apellidos en plural por que son los dos apellidos el del formulario de 

NUEVO CLIENTE

 y el de 

 

DIRECCIÓN DE ENTREGA

 que están juntos vean esta imagen

 

 

 

saludos y muchas gracias.

 

mi versión es  PrestaShop 1.5.6.1

mi tienda http://tobuyall.com/es/pedido-rapido

 

 

[nocturno8000]

Buenas, esto que comentas no lo decias en tu post de arriba... busca en el authentication.tpl de la plantilla en uso esto:

<p class="required text">
    <label for="firstname">{l s='First name'} <sup>*</sup></label>
    <input type="text" class="text" id="firstname" name="firstname" onblur="$('#customer_firstname').val($(this).val());" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{/if}" />
    <input type="hidden" class="text" id="customer_firstname" name="customer_firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{/if}" />
</p>
<p class="required text">
    <label for="lastname">{l s='Last name'} <sup>*</sup></label>
    <input type="text" class="text" id="lastname" name="lastname" onblur="$('#customer_lastname').val($(this).val());" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{/if}" />
    <input type="hidden" class="text" id="customer_lastname" name="customer_lastname" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{/if}" />
</p>

Y lo dejas así:

<p class="required text">
    <label for="firstname">{l s='First name'} <sup>*</sup></label>
    <input type="text" class="text" id="firstname" name="firstname" onblur="$('#customer_firstname').val($(this).val());" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{/if}" />
    <input type="hidden" class="text" id="customer_firstname" name="customer_firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{/if}" />
    <label for="lastname">{l s='Last name'} <sup>*</sup></label>
    <input type="text" class="text" id="lastname" name="lastname" onblur="$('#customer_lastname').val($(this).val());" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{/if}" />
    <input type="hidden" class="text" id="customer_lastname" name="customer_lastname" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{/if}" />
</p>

Ahora te quedaria ajustar el css. Y para lo de las direcciones busca en el address.tpl de la plantilla en uso esto:

{if $field_name eq 'firstname'}
    <p class="required text">
        <label for="firstname">{l s='First name'} <sup>*</sup></label>
		<input type="text" name="firstname" id="firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{else}{if isset($address->firstname)}{$address->firstname|escape:'html'}{/if}{/if}" />
	</p>
{/if}
{if $field_name eq 'lastname'}
	<p class="required text">
		<label for="lastname">{l s='Last name'} <sup>*</sup></label>
		<input type="text" id="lastname" name="lastname" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{else}{if isset($address->lastname)}{$address->lastname|escape:'html'}{/if}{/if}" />
	</p>
{/if}

Y lo dejas así:

{if $field_name eq 'firstname' || $field_name eq 'lastname'}
<p class="required text">
    {if $field_name eq 'firstname'}
        <label for="firstname">{l s='First name'} <sup>*</sup></label>
		<input type="text" name="firstname" id="firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{else}{if isset($address->firstname)}{$address->firstname|escape:'html'}{/if}{/if}" />
    {/if}
    {if $field_name eq 'lastname'}
		<label for="lastname">{l s='Last name'} <sup>*</sup></label>
		<input type="text" id="lastname" name="lastname" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{else}{if isset($address->lastname)}{$address->lastname|escape:'html'}{/if}{/if}" />
    {/if}
</p>
{/id}

Te quedari ajustar el css, al igual que el anterior.

 

Espero te sea de ayuda.

 

Un saludo

hola statictic

 

muchas gracias por todo dio un buen resultado tu aportación ya he resuelto el misterio ha, quería decirte que la parte de lo que es DIRECCIÓN DE ENTREGA  el código que me mostraste lo encontré el el mismo fichero en el que trabaje la parte de arriba me refiero a este fichero order-opc-new-account.tpl gracias por todo.

[nadie]

Estimado nocturno8000,

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.
 
Si no sabes como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-¿como-poner-la-palabra-solucionado-en-el-titulo-del-tema/