Ver Mensaje Individual
  #5 (permalink)  
Antiguo 31/03/2015, 00:33
javierflti
 
Fecha de Ingreso: junio-2011
Ubicación: Asturias
Mensajes: 228
Antigüedad: 12 años, 10 meses
Puntos: 14
Respuesta: responsive desing en html5 por fa

Este es el código
Código:
form {

background:#2b2b2a;
background-position:center;

width:29%;
border:1px solid #ccc;
margin:50px;
padding:50px;
border:50px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
box-shadow:inset 0 0 10px #ACD502; 
margin:100px auto;


}
input[type="text"], input[type="password"]{
width: 90%;
height: 20px;
margin:auto;
margin-top:2px;
padding-left: 10px;
font-family: cursive;
outline: 100px;
border:550px;
background-color: #dcdcdc;
-moz-border-radius:30px;

}

input[type="button"]{
margin-top:10px;
    margin-left:5px;
width:90%;
height: 40px;
outline: none;
border:0px;
background-color: #75b6dc;
color:white;
font-size:1.2em;
border-radius: 5px;
-webkit-box-shadow:0px 5px 0px #659dbf;
}

IMG.imgcenter{
display: block;
margin-left: auto;
margin-right: auto;
border:solid #ACD502;
position: relative;
top:100px; left:15opx;

}
Aquí lo puedes ver funcionando
http://jsfiddle.net/2c5ete4o/

con eso debería ser suficiente. Pero como te dicen más arriba busca algo como bootstrap o las mediaqueries.