Ciao a tutti, io vorrei fare una pagina cosi:
Sfondo: immagine cheoccupa tutta la pagina e si ridimensiona adattandosi alla larghezza della finestra
Un campo di input per del testo (per una password, metto text perche non mi piacciono gli ***) che sia sempre sotto alla scritta "Inserisci password" che è disegnata nell'immagine

per l'immagine ho risolto cosi:
html:
<img src ="images/radioactive.jpg" id="foto" />
css:
#foto {position:relative;width:100%;}

ma non so che scrivere nello stile dell'input... come faccio a mettere le coordinate/percentuale se l'immagine si ridimensiona?

PS. percaso sapreste dirmi cosa devo scrivere per fare in modo che l'immagine si ridimensioni in questo modo?

-non solo relativamente alla larghezza della finestra
- vorrei che si ridimensionasse in base alla dimensione (larghezza o altezza) più lunga, in modo che sia più grande possibile senza uscire dalla finestra e restando proporzionata


Spero di essermi spiegato

Grazie, è da ore che continuo a provare senza successo

:berto: