move to field form

rrzavaleta

I 'm trying to move the form elements . but I ran into a problem.

It turns out that I can move each item and place it in the posisicon I want. But I could not make the reduction of the div element .

Visually I can join them one after another . It turns out that the div element that contains all the features of the field posisiona up the field to the left ( as shown in the pictures ) .
https://drive.google.com/file/d/0B5OecT6LGTOeRHFRanQyNXJ1c2c/view?usp=sharing
https://docs.google.com/file/d/0B5OecT6LGTOedVNka2pvOV9HZTQ/edit

The fact is that cno matter if I change color even so cluttered to allow the user to work.
Change color to red div to be appreciated properly.
Add this to move my field I'm just using this to move the field .

div.DTE_Field_Name_NOMBRE_PERSONA {

float: left;
width: 40%;
margin-top: 20px;
margin-left: -100px;
}

div.DTE_Field_Name_APELLIDO_PATERNO {
position: absolute;
float: left;
width: 40%;
margin-top: -65px;
margin-left: 225px;
}
div.DTE_Field_Name_APELLIDO_MATERNO {
position: absolute;
float: left;
width: 40%;
margin-top: -65px;
margin-left: 600px;
}

I mean like you prodras adjust that div to be perfect ahuste the field and the field text .

thank you very much

rrzavaleta

You can tell me how to set the div to fit the input field and the field text .

thank you very much

allan

You can tell me how to set the div to fit the input field and the field text .

It doesn't work that way, it is the other way around. The label and input fit the div.

It looks like you have some CSS alignment problems from the screenshot. Combining float with absolute positioning for example I would imagine would cause issues.

I would suggest using the developer tools in your browser to manipulate the CSS to match your needs.

Allan