Div inline per messaggi di errori

[lila89]

Ciao,

devo creare dei div inline come si vede nell'immagine utilizzando html css, al massimo il dhtml... come posso procedere?

http://ajaxian.com/wp-content/uploads/formcheck.png

[fcaldera]

parli dei tooltips a forma di nuvola?

1) scrivi del codice ben strutturato: ogni campo è un fieldset al cui interno affianchi (float: left) label, campo di input e messaggio di errore (ad esempio in un elemento <ins> o altro elemento).

2) al messaggio di errore dai inizialmente display: none per nasconderlo ma stila le altre proprietà: assegna width, height, background-image (a forma di nuvola), z-index e position: relative per posizionarlo, top e left per spostarlo in alto, color etc etc...

Se non lo hai ancora fatto fai un clearing su ciascun fieldset (cerca nel forum/google)


3) quando si verifica un errore aggiungi una classe al fieldset (es. 'campoerrato') e a partire da questa classe assegna le regole per cambiare il colore della label, dell'input e per visualizzare il tooltip
.campoerrato ins { display: block;}


fatto questo, nel caso dovessi fare la validazione, ti sposto in javascript


Ciao