Modificar formulario html

trancedbrain · #1 (**permalink**) 26/05/2015, 19:34

Buenas noches.
Tengo un formulario:

http://www.icat.org.pe/web/index.php/colegiados/actualizacion-de-datos

El codigo fuente esta aqui:

www.digitalbitsolutions.com/code.txt

Deseo convertirlo al formato de la imagen que adjunto.

Por favor, podrian decirme como lograrlo?.
Tengo conocimientos minimos o nulos de html.
Gracias.

AngelKrak · #2 (**permalink**) 26/05/2015, 20:30

paga por ello, no creo que nadie te vaya a modificar todo el codigo completo como lo quieres amigo >_<

#3 (**permalink**) 26/05/2015, 22:53

Estoy de acuerdo con AngelKrak, no es que sea difícil - de hecho, es pan comido - pero toma mucho tiempo y eso vale.

Si de verdad lo necesita, estamos a la órden.

superweb360 · #4 (**permalink**) 27/05/2015, 07:09

Aquí te dejo una solución a tu problema

Código HTML:

Ver original<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
div
{
  border:1px solid black;
}
label
{
  display:inline-block;
  background:#eee;
  border-right:1px solid black;
  padding-right:5px;
  border-left: 1px solid black;
}
input
{
  display:inline-block;
}
</style>
    <title>Sin título 1</title>
</head>
 
<body>
<div style="background:black;color:white;">DATOS PERSONALES</div>
<div>
    <label>Nombres y apellidos</label>
    <input type="text" />
</div>
<div>
    <label>Dirección</label>
    <input type="text" />
</div>
<div>
    <label>Tel. celular</label>
    <input type="text" />
    <label>Tel. fijo</label>
    <input type="text"/>
</div>
<div>
    <label>Correo personal</label>
    <input type="text" />
    <label>Correo laboral</label>
    <input type="text"/>
</div>
<div>
    <label>Facebook</label>
    <input type="text" />
</div>
<div>
    <label>Fecha de nacimiento</label>
    <input type="text" />
    <label>Lugar de nacimiento</label>
    <input type="text"/>
</div>
</body>
</html>