Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2011, 13:05
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 1 mes
Puntos: 20
Estoy malgastando lineas de codigo css?

Buenas,

Creo que repito muchas declaraciones css, os pongo un ejemplo. Cada formulario de la página tiene el mismo aspecto gráfico pero tiene detalles que hace que ningún formulario sea igual. Ejemplo el width del formulario o alguna que otra label.

Lo que estoy haciendo son cosas así

Código CSS:
Ver original
  1. #formulario fieldset, #form_registro  fieldset, #form_preferencias  fieldset,#form_contactar fieldset, #form_amigo fieldset,#form_publicar_articulo fieldset, #form_agregar_web fieldset{
  2. -moz-border-radius:5px 5px 5px 5px;
  3. background-color:#EEEEEE;
  4. border:1px solid #DDDDDE;
  5. margin:0 0 15px;
  6. padding:15px;
  7. box-shadow: 3px 3px 5px #EEEEEE;
  8. }

Pero creo que podría usar un único id ejemplo #formulario lo que no tengo claro es como llevar bien el resto de estilos. Seguro que vosotros lo véis más claro, estoy malgastando lineas y haciendo más engorroso mi css, verdad?

Lo que comentaba que cada formulario tiene sus propiedades...

Código CSS:
Ver original
  1. #formulario label,#form_registro label{
  2. font-weight:bold;
  3. font-size:11px;
  4. font-family:'Lucida Grande',Verdana,sans-serif;
  5. padding-left:1px;
  6. width:270px;
  7. float:left;
  8. line-height:15px;
  9. }
  10.  
  11. #form_contactar  label, #form_agregar_web label{
  12. font-weight:bold;
  13. font-size:12px;
  14. font-family:'Lucida Grande',Verdana,sans-serif;
  15. padding-left:1px;
  16. width:250px;
  17. float:left;
  18. line-height:15px;
  19. margin-top:6px;
  20. }
  21.  
  22. #form_preferencias  label{
  23. font-weight:bold;
  24. font-size:12px;
  25. font-family:'Lucida Grande',Verdana,sans-serif;
  26. width:96px;
  27. float:left;
  28. line-height:15px;
  29. }

¿Me proponéis algo más eficiente?

Muchas gracias por vuestra ayuda!