Dimensioni campi form

[Dave-Z]

è possibile settare la dimensione dei campi dei form con i css, evitando quindi size, rows cols nell'html? se si come?

[pierofix]

Come al solito con i css:

input {
   width:100%; height:1.5em;
   padding:0.2em;
   border:0.2em solid #039;
}

[Dave-Z]

Originariamente inviato da pierofix
Come al solito con i css:

input {
   width:100%; height:1.5em;
   padding:0.2em;
   border:0.2em solid #039;
}

però così li modifica tutti, bottoni inclusi...come li escludo i submit od i reset??

[pierofix]

Dunque, le strade sono principalmente due.



1. Utilizzi appieno le possibilità di css e fai uso dei selettori, in questo modo:

input[type="text"] {
   /*
      qui setti tutti gli input che hanno come
      valore text per l'attributo type
   */
}

Tale soluzione funziona solo per browser che supportano bene gli standard (Firefox, Opera, ...) e quindi - come al solito - IE ne rimane fuori.



2. Per accontentare anche IE ( ), attribuisci delle classi agli input che vuoi settare: è più noioso e pesante, tuttavia se vuoi il pieno supporto... :rollo:

[Dave-Z]

Originariamente inviato da pierofix

2. Per accontentare anche IE ( ), attribuisci delle classi agli input che vuoi settare: è più noioso e pesante, tuttavia se vuoi il pieno supporto... :rollo:

ho fatto così, grazie

[pierofix]

Ricorda che non devi sempre e comunque tenere basso il tuo livello a causa di IE: se desideri la massima compatibilità, allora fallo pure, ma continua a rimanere al passo con i tempi (quelli delle tecnologie e non quelli dei browser).

Occorre comunque avere consapevolezza delle potenzialità degli strumenti.