No voy a opinar sobre el CSS, porque es solo tema de como se ve, pero el
html si lo mejoraría.

<form class="formulario" action="estado.html" id="alta" *name="alta"*
onsubmit="bitacora_alta(); return false;">
<input type="hidden" name="accion" value="insertar" />
<ul>
   <li><span class="titulo">TALLER</span>
      <span class="dato">
         <input type="text" name="btall" size="4" />
      </span>
   </li>

   <li><span class="titulo">RFC</span>
       <span class="dato">
          <input type="rfc"  name="brfc" size="15"  />
       </span>
   </li>
</ul>
....
</form>


Name no valida en XHTML estricto, y lo que llamas span class="titulo" debe
ser un label.
Osea que debería quedar así:

<form class="formulario" action="estado.html" id="alta"**
onsubmit="bitacora_alta(); return false;">
<input type="hidden" name="accion" value="insertar" />
<ul>
   <li>
      <label for="btall">TALLER</label>
      <span class="dato">
         <input type="text" name="btall" id="btall" size="4" />
      </span>
   </li>
   <li>
       <label for="brfc">RFC</label>
       <span class="dato">
          <input type="rfc"  name="brfc" id="brfc" size="15"  />
       </span>
   </li>
</ul>
</form>



Nacho.

On Wed, Sep 10, 2008 at 3:49 PM, Miguel Beltran R. <[EMAIL PROTECTED]>wrote:

> Hola Lista, tengo poca experiencia en CSS. La ultima vez que hice algo
> fue como hace 2 años y algunas cosas todavia las recuerdo. Bueno hace
> unas semanas pregunte algo pero es esto es del mismo proyecto :).
>
> Tengo el siguiete formulario
> <form class="formulario" action="estado.html" id="alta" name="alta"
> onsubmit="bitacora_alta(); return false;">
> <input type="hidden" name="accion" value="insertar" />
> <ul>
>    <li><span class="titulo">TALLER</span>
>       <span class="dato">
>          <input type="text" name="btall" size="4" />
>       </span>
>    </li>
>
>    <li><span class="titulo">RFC</span>
>        <span class="dato">
>           <input type="rfc"  name="brfc" size="15"  />
>        </span>
>    </li>
> </ul>
> ....
> </form>
>
> Con esta hoja:
> form.formulario {
>  border: 1px dotted blue;
>  padding: 4px;
> }
>
> .formulario ul {
>  list-style-type:none;
>  float: left;
>  /* border: 1px solid red;*/
> }
>
> .formulario hr {clear: both;}
>
> .formulario li {
>    float: left;
>    margin: 2px;
>    padding: 0;
>    border: 0;
>    height: 3em;
> }
>
> .dato, .titulo {
>    display: block;
>  }
> .titulo {
>  clear: right;
> }
>
>
> Leyendo la lista creo que esto que tengo span="titulo" no es lo mejor.
> ¿qué me recomiendan? Lo tengo con un span=titulo porque no se me
> ocurrio otra cosa. ¿Qué es lo correcto, usar <p>, <strong>, <legend>?
> --
> ________________________________________
> Lo bueno de vivir un dia mas
> es saber que nos queda un dia menos de vida
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a