Sovrapporre più di due immagini

[ferdinand.rossi]

Ho bisogno di inserire vari bottoni su un'immagine di sfondo.
Ho provato ad usare questo codice:

-----------

<div style="background: transparent url(http://link-dell-immagine-di-sffondo.gif) repeat scroll 0% 0%; width: 520px; height: 1133px;">



</p>

-----------

Il mio problema è che sull'immagine di sfondo devo inserire altre immagini e non so come fare, perchè se provo a ricopiare la seconda parte del codice (

... </p>) non riesco a posizionarla dove dico io.

Ho provato anche con un'immagine di rollover, ma anche in questo caso non sono riuscito a posizionare la seconda immagine che sembra essere vincolata alla prima.

Volendo evitare di usare delle tabelle, come posso risolvere questo problema?

Uso dreamweaver, ma non sono riuscito a trovare quello che cerco pur sembrandomi un problema semplice.

Grazie per l'aiuto
Ferdi

[Mich_]

Anzitutto devi decidere se le immagini sono sfondi o sono elementi della pagina.
Gli sfondi hanno solo scopo di abbellimento, ma non veicolano informazioni: se mancano non si perde il significato della pagina (o della parte). Viceversa per gli elementi della pagina.

Gli sfondi si inseriscono tramite gli attributi CSS (background e sim), le immagini funzionali si inseriscono tramite il tag <img>.

Detto cio`, ci sono i metodi per sovrapporre sia gli sfondi che le immagini.
Per sovrapporre gli sfondi si usano div (o altri elmenti di blocco) innestati: infatti ancora non si puo` usare la tecnica degli sfondi multipli (sono ancora pochi i browser che li accettano); per sovrapporre elementi si devono usare i posizionamenti ed eventualmente l'attributo z-index.

Se sono vari bottoni da inserire, forse dovresti usare le liste, come si fa con i menu: prova a vedere se tra le varie raccolte di menu ne trovi uno che assomiglia a quello che vuoi: puoi partire dai riferimenti dei "link utili" (a me piace come sono organizzati i menu di CSSplay).