Schema difficoltoso

[SGr33n]

Ciao a tutti,

Devo disegnare lo schema di un modulo con i css, ma sto impazzendo tra i vari browser...

a volte la scritta Nome non è centrata verticalmente nel div con sfondo a colore differente, altre lo sfondo non copre tutto lo spazio che copre il campo del modulo...

Qualcuno mi da una mano ? grazie

Lo schema è questo:

[bagu]

Questo con qualche modifica dovrebbe andarti bene
ciao paolo

[pierofix]

<form action="" method=""><fieldset>
   <span class="linea">
      <label for="nome">Nome: </label>
      <input type="text" id="nome" name="nome" />
   </span>
   <span class="linea">
      ...
   </span>
</fieldset></form>

form {
   font-size: 11px;
   margin: 0;
   padding: 0;
}
fieldset {
   border: none;
   margin: 0;
   padding: 0;
}
.linea {
   display: block;
   width: 100%; height: 35px;
   line-height: 35px;
   background: #ccc;
}
.linea input {
   float: right;
   margin-right: 5px;
   border: none;
   width: 50%;
}

Una cosa simile?

[floyd46]

prova a leggere questo articolo:
http://www.extrowebsite.com/articolocss.asp?ID=26
dovrebbe fare al caso tuo.
ciao

[SGr33n]

pierofix grazie 1000 l'effetto finale non è quello, ci deve essere qualche errore con i float xkè il testo va su e l'input giù e lo sfondo e unico e grigio... mi sa che si deve dare un float: left anche alla scritta, ma poi si incasina tutto, è qui che trovo la difficoltà maggiore. Come posso risolvere ?

Grazie anche agli altri per i link, ma uno dei 2 non si apre e l'altro non è del tutto pertinente. Grazie lo stesso

[pierofix]

Aggiungi

.linea {
border: 2px solid #fff;
}
.linea input {
margin: 0 10px 0 0;
height: 16px;
}

[SGr33n]

niente da fare ora la scritta nome è centrata verticalmente ma l'input si trova più in basso e poi nella serie di 3 campi il primo input non appare

Il bello è che a farlo con le tabelle ci metto 30 secondi :P

[pierofix]

Scusa, ma ho difficoltà a provare il codice prima di postarti visto che qui in ufficio non ho strumenti molto consoni.

[SGr33n]

ok impazzirò un altro poco allora...