form in css

[fdiodato]

Sto cercando di fare un form in css. Ecco il risultato: http://fdiodato.altervista.org/contatta.htm. Vorrei che venisse piu` o meno cosi`: http://fdiodato.altervista.org/contattamiita.htm. Non riesco ad allineare i nomi dei campi, i campi, i bottoni e la scritta al di sotto dei bottoni. Ho provato con varie classi. Inoltre in alto vorrei mettere un immagine gif. E` possibile farlo con i css? Come? Grazie ancora una volta per il vostro prezioso aiuto.
Francesco

[floyd46]

ciao
prova a leggere questo articolo:
http://www.extrowebsite.com/articolocss.asp?ID=26
è interamente realizzato con CSS + XHTML.
spero faccia al caso tuo.
Floyd

[fdiodato]

Grazie. Provo a seguire le istruzioni e se ho problemi riscrivo qui. Cmq, con i css posso aggiungere l`immagine gif? Come?

[floyd46]

se devi aggiungere una immagine in qualsiasi parte della pagina, lo puoi fare in 2 modi:
1) attraverso i CSS, ma trattando l'immagine come background;
2)con il solito tag [img][/img] direttamente nel documento
html.
Spero di essere stato kiaro; posta ancora se hai qualche dubbio.
saluti
Floyd

[fdiodato]

Come background quindi avrei l`immagine ripetuta piu` volte nella pagina, no? Per centrare l`immagine e per fissare le dimensioni, posso usare i css o devo farne tutto in html? Credo si possa fare, basta usare il tag <img> nel foglio di stile.

[floyd46]

Come background quindi avrei l`immagine ripetuta piu` volte nella pagina, no?

Non proprio; se vuoi l'immagine ripetuta non devi aggiungere altro codice; se invece vuoi che sia solo una, devi scrivere:
background: url(nomeImg.ggif) no-repeat;

Per centrare l`immagine e per fissare le dimensioni, posso usare i css o devo farne tutto in html?

Qui avrei bisogno di vedere cosa vorrsti realizzare; potrei interpretare in una maniera diversa quello che vuoi ottenere.
Floyd

[fdiodato]

Grazie. Quello che voglio fare e` qui: http://fdiodato.altervista.org/contattamiita.htm.

[andrea.paiola]

Logica e stile dei form html
Moduli (Form) accessibili
Moduli con stile: usare i CSS con i form
Elementi essenziali e supplementari nella costruzione dei form
Impaginare i form - I
Impaginare i form - II
Impaginare i form - III

[fdiodato]

Provando a seguire le istruzioni contenute nei siti suggeriti da Andrea, ho ottenuto questo risultato. Due sono i problemi principali: non ho capito come si mette il form a centro pagina e dove e come precisamente devo inserire la scritta background: url(nomeImg.ggif) no-repeat; . Ho provato, ma i risultati sono stati pessimi. Molto lontani dal mio obiettivo

Francesco

[fdiodato]

Originariamente inviato da fdiodato
Provando a seguire le istruzioni contenute nei siti suggeriti da Andrea, ho ottenuto questo risultato. Due sono i problemi principali: non ho capito come si mette il form a centro pagina e dove e come precisamente devo inserire la scritta background: url(nomeImg.ggif) no-repeat; . Ho provato, ma i risultati sono stati pessimi. Molto lontani dal mio obiettivo

Francesco

Deve esserci un errore con i link. Il risultato ottenuto e` questo mentre l`obiettivo e` questo . Chiedo scusa.
Francesco