[RISOLTO] Articolo Design Form 2009

Discussioni inerenti lo sviluppo di markup XHTML e CSS validi.

Moderatori: antoscarface, Kagemitsu

Regole del forum
Per scrivere del codice all'interno di ogni post, utilizzare il tag: [syntax=il_linguaggio]codice[/syntax] sostituendo "il_linguaggio" con il linguaggio del codice che dovete inserire, ad esempio: html, css, javascript, php, asp, ecc...

[RISOLTO] Articolo Design Form 2009

Messaggioda Jumpa » venerdì 25 febbraio 2011, 14:55

Salve a tutti, ho trovato tra i vostri archivi questo articolo:

http://www.yourinspirationweb.com/2009/ ... rm-design/

Mi è piaciuto molto il risultato ed il fatto che l'html è particolarmente "pulito", così mi piacerebbe adottare la struttura per il mio futuro sito. Purtroppo ho riscontrato diversi problemi di rendering:

IE8: blocco legend spostato a destra rispetto all'allineamento del form
Chrome: il primo elemento del form viene "coperto" dalla legend

Ho cercato invano degli aggiornamenti, così ho pensato, chi meglio degli ideatori, può sapere come risolvere? Grazie in anticipo! Ho allegato degli screenshot, per risparmiarvi un po' di tempo!

IE8: http://img25.imageshack.us/i/ie8ez.jpg/
Chrome: http://img696.imageshack.us/i/chromej.jpg/
Jumpa

Avatar utente
 
Messaggi: 2
Iscritto il: venerdì 25 febbraio 2011, 14:37

Re: Articolo Design Form 2009

Messaggioda antoscarface » sabato 26 febbraio 2011, 11:28

apporta queste modifiche (io mi attengo al codice scritto nell'articolo, perchè non so che hai scritto, forse cambierà qualche ID):
Sintassi: css [ Scarica ] [ Nascondi ]
  1. #formYIW ol {
  2.     /* margin-top:3em; */
  3.     padding-top:3em;
  4. }
  5.  

Sintassi: css [ Scarica ] [ Nascondi ]
  1. #formYIW fieldset {
  2.     /* padding:1.5em; */
  3.     /* padding-top: 0; */
  4.     padding:0;
  5. }
  6.  

Sintassi: css [ Scarica ] [ Nascondi ]
  1. #formYIW li {
  2.     padding-left:1.6em;
  3. }
  4.  

NB: con le proprietĂ  commentate, intendo proprietĂ  da togliere. Con quelle scritte normali, intendo da aggiungere o modificare.

L'ho testato in locale e mi funziona su firefox, chrome e IE. Prova tu.
antoscarface

Amministratore

Avatar utente
 
Messaggi: 723
Iscritto il: giovedì 21 gennaio 2010, 1:08
LocalitĂ : Siracusa

Re: Articolo Design Form 2009

Messaggioda Jumpa » sabato 26 febbraio 2011, 13:19

Grazie, ora la resa è quella desiderata! :clap:
Jumpa

Avatar utente
 
Messaggi: 2
Iscritto il: venerdì 25 febbraio 2011, 14:37

Re: Articolo Design Form 2009

Messaggioda antoscarface » domenica 27 febbraio 2011, 2:25

perfetto :)
antoscarface

Amministratore

Avatar utente
 
Messaggi: 723
Iscritto il: giovedì 21 gennaio 2010, 1:08
LocalitĂ : Siracusa


Torna a XHTML & CSS