[Ovillo] más sobre formularios

[Jorge L. Batista]

Hola,
xNoleet, excelente análisis, muy útil en verdad. Sólo quiero hacer un 
comentario que es más una duda, espero que me puedan aclarar:
Tenía entendido que  una longitud de *0* no necesita las dos letras para 
identificar la unidad. o sea que 0px es lo mismo que 0.
sl2
PB

xNoleet escribió:
> Saludos!
>
> Como siempre, metiendome :P; bueno, encuentro un par de alicientes
> para malinterpretaciones por parte de los navegadores y una pequeña
> "impureza" en el código:
>
> <label for="email_destinatario">Email
> destinatario </label><input type="Text" name="email_destino" size="20"
> maxlength="50" value="x">
>
> Esta etiqueta es para "email_destinatario", si mal no estoy, el
> "email_destinatario" debería estar definido en algun lado en el input
> correspondiente. La propiedad "for" se usa (generalmente) cuando no es
> posible anidar el input dentro del "label", debería probar con:
>
> <label>Email
> destinatario<br>
> <input type="Text" name="email_destino" size="20"maxlength="50"
> value="x"> </label>
>
> Usualmente el elemento "label" lo defino en el CSS como
> "display:block;", tal vez la etiqueta <br> no se "vea" bien, pero es
> pura. Con el input anidado, se puede asignar un "title" en la etiqueta
> "label", esto será de gran ayuda e incrementara la accesibilidad y la
> usabilidad del formulario, con descripciones precisas sobre cada
> campo. Al posar el raton sobre la etiqueta (todo el bloque) el tooltip
> emergerá.
>
> Siguiendo:
>   
>> form.formulario_envio {
>> margin:0px auto;
>> width:400px;
>> text-align:center;
>> }
>>     
>
> si margin está definido en 0px, para que incluir el valor "auto",
> "auto" puede ser interpretado libremente por cada navegador.
>
>   
>> form.formulario_envio legend {
>>   padding: 0 2px;
>>   font-weight: bold;
>> }
>>     
>
> el primer valor de la propiedad "padding" no tiene una unidad definida.
>
>   
>> form.formulario_envio label {
>>   display: inline-block;
>>   line-height: 1.8;
>>   vertical-align: top;
>> }
>>     
>
> line-height no tiene unidad definida. Vertical-align es una propiedad
> que puede ser malinterpretada puesto que no ha sido implementada
> completamente.
>
>   
>> form.formulario_envio fieldset ol {
>>   margin: 0;
>>   padding: 0;
>> }
>>     
>
> Nuevamente, no hay unidades definidas.
>
>   
>> form.formulario_envio fieldset li {
>>   list-style: none;
>>   padding: 5px;
>>   margin: 0;
>> }
>>     
>
> margin: no unidades definidas.
>
>   
>> form.formulario_envio fieldset fieldset {
>>   border: none;
>>   margin: 3px 0 0;
>> }
>>     
>
> Para remover el borde, siempre prefiero hacer esto:
>
> border-width: 0px;
>
> de este modo no le doy chance a los navegadores de interpretarlo de
> otro modo. Si no tiene ancho, las demas propiedades no importan.
>
> El codigo en el CSS sigue teniendo unidades no definidas, pruebe con
> definirlas y envia que pasa.
>
> Pz!.
>
>   


================================================================================
**Las siguientes líneas de texto son agregadas por los Servidores Centrales de Correo de la Oficina del Historiador de la Ciudad de la Habana.**
--------------------------------------------------------------------------------
Visite la Cartelera interactiva de Opus Habana, con el calendario de la programación cultural del Centro Histórico.
http://opushabana.ohc.cu/cartelera.php 
Redacción Opus Habana 
================================================================================