El siguiente css:

#contactform {
    width: 400px;
    height: 215px;
}

.webform {
}

.webform input .name {
    width: 50px;
}

.webform input .email {
    width: 70px;
}

.webform input .comments {
    width: 200px;
}

cuando se utiliza en html como

    <div id="contactform">
        <div class="webform">
            <input class="name" name="Name" type="text" id="senderName" placeholder="Enter your name here">
            <input class="email" name="Email" type="text" id="senderEmail" placeholder="Enter a valid email adress here">
            <br>
            <input class="comments" name="Comments" type="text" id="senderComments" placeholder="Comments...">
        </div>
    </div>

produce todos los tres campo de entrada de la misma anchura (50px = es decir, la anchura de la webform input). No estoy seguro de lo que estoy haciendo mal. Ayuda?

InformationsquelleAutor jkcl | 2012-06-23

2 Comentarios

  1. 7

    las clases son en su inputs, no en los elementos secundarios de la inputs. por lo tanto, cambiar input .name, etc., a input.name o simplemente .name, repita el procedimiento para todos los tres. 🙂

    • Gracias por la explicación sucinta!
  2. 4

    quitar el espacio en blanco entre la entrada y el nombre de la clase

    .webform input.name {
        width: 50px;
    }
    
    .webform input.email {
        width: 70px;
    }
    
    .webform input.comments {
        width: 200px;
    }

    Probar este el violín

    • Gracias… cuando sepa algo, no toma mucho tiempo!
    • Gracias por el violín de enlace.

Dejar respuesta

Please enter your comment!
Please enter your name here