[IMG]posizione assoluta

[quincy]

Vorrei inserire un immagine a tutto schermo in una pagina internet allo scopo di mettere su questa immagine dei controllini(tipo bottoni) in corrispondenza di particolari posizione sull'immagine.

E' possibile realizzare questo?e sopratutto in che modo?
In parole poche è possibile inserire un bottone in un punto
particolare della pagina(che avrà l'immagine come sfondo) senza utilizzare tabelle complicate?

Grazie

[Jerry Masslo]

se non ho capito male tu vuoi mettere un'immagine come sfondo della pagina e poi dei bottoni che vadano a posizionarsi in determintati punti dell'immagine?

Devi usare il posizionamento assoluto.

css


#controllo1 {position:absolute;top:234px;left:121px}
#controllo2 {position:absolute;top:434px;left:237px}


e poi li richiami ad esempio così:

<img id="controllo1" eccetera

[quincy]

Esatto io ho questa immagine(che vorrei mettere come sfondo) e mettere dei bottoni in particolari punti.
Quindi devo usare il posizionamento assoluto come hai indicato usando i css?
Scusa se approfitto del tuo tempo ma avrei un'altra domanda:
come poso fare per adattare tale immagine allo sfondo dell'utente?
Io lavoro a 1024 x 768 quindi penso che chi ha una risoluzione più bassa vede più grande,chi una più alta l'immagine replicata.
Esiste un modo rapido per adattarla o caricare l'immagine giusta per la risoluzione giusta?.
Grazie

[Jerry Masslo]

il quesito non è semplice: potresti adottare tecniche di sniffing per risalire alla risoluzione dell'utente ma poi dovresti adattare pure la posizione dei bottoni.

Potresti far adattare comunque l'immagine allo schermo non usandola come sfondo ma a larghezza in percentuale anzichè in pixel, in questo caso il posizionamento dei bottoni avverrebbe in percentuale anzichè in pixel ma non tutte le immagini sono adatte a farsi strapazzare da dimensioni in percentuale.

Se posti o dai il link dell'immagine facciamo prima a capire il caso particolare.

Se non hai esigenza che tutta l'immagine venga visualizzata comunque, puoi metterla come sfondo non ripetuto e chi ha lo schermo più piccolo taglierà quella eccedente mentre se riesci ad adattare i margini (almeno destro e basso) a un colore di sfondo, chi ha scermo maggiore gli vedrà attaccato il colore di sfondo.