CSS  »  Articoli  »  Effetti con CSS 

Tra gli aspetti meno noti, ma più utili, nell'uso dei CSS possiamo annoverare le varie possibilità che ci offrono per definire l'aspetto visuale dei form. In questo articolo vedremo come con poche istruzioni sia possibile dare un tocco di stile a questi elementi per adeguarli al design globale delle nostre pagine: a cosa serve studiare con cura la scelta dei colori o dei font se poi siamo costretti a rassegnarci di fronte alla grigia monotonia di un modulo?

Chiariamo subito un aspetto cruciale. Sulla definizione degli stili per i form i browser recenti (diciamo dalla versione 5 in poi per quelli più comuni) non offrono affatto un supporto uniforme. Opera fallisce miseramente anche sugli aspetti più semplici; Explorer 5/6 per Windows presenta incompatibilità complessivamente marginali.

I browser basati su Gecko (quindi Mozilla e Netscape 6/7) sono, insieme a Explorer 5 per Mac, gli strumenti che offrono il supporto più ampio degli standard in questo particolare ambito. Proprio per questo, abbiamo deciso di concentrarci solo sulle applicazioni cross-browser, citando quando opportuno alcune funzionalità degne di rilievo che al contrario offrono un supporto solo parziale.

Questo articolo, infine, può essere visto come un'utile continuazione di un altro già pubblicato in questa sezione, I Form: segreti e trucchi di personalizzazione, dove vengono presi in considerazione anche alcuni aspetti di compatibilità con Netscape 4.

Iniziamo col dare un'occhiata al documento di esempio. All'inizio della pagina un form "senza stile" su cui eserciteremo la nostra abilità. Per allineare gli elementi del modulo abbiamo usato una classica tabella. È tuttora il metodo più valido e semplice, a meno di non sfruttare le capacità di posizionamento dei CSS.

Iniziamo dunque la nostra opera di riscrittura. Andiamo avanti.

Altri articoli

Altre guide

Altre newsletter