Immagini sovrapposte con disposizione dinamica

[raistlin76]

Ciao a tutti,
ecco il mio problema: ho un'immagine in background e vorrei sovrapporgli altre tre immagini con un link. Ecco il codice html d'esempio:

<div id="sfondo">



</div>

Le tre immagini si creano effettivamente sullo sfondo di background con il link relativo. Il problema è che non capisco come domarle per quanto riguarda la posizione (vspace e hspace).
Io vorrei che la posizione di un'immagine sia indipendente da quelle delle altre, ma non è cosi'.

Potreste darmi una mano per favore?

Grazie1000.

[gabip87]

crei tre classi (CSS) e posizioni ogni immagine in parte.

[raistlin76]

Mi spieghi un attimo con un esempio per favore? E' la prima volta che faccio ste cose.

Grazie 1000 cmq.

[raistlin76]

Mi sovviene un problema pero', questo era solo un esempio, nell'applicazione finale io non so a priori quante immagini si dovranno sovrapporre e ovviamente neanche dove esse si trovano. Queste informazioni dinamiche sono in un BD, poi io con uno script PHP devo capire quante immagini sovrapporre e dove. Il PHP pero' non mi preoccupa è la parte HTML che non riesco a gestire.

[gabip87]

se hai tante immagini non puoi metterle a caso. quindi visto che c'è un'ordine le distanze fra loro sono sempre le stesse (magari meno fra i bordi e la prima e l'ultima). a questo punto basta una classe sola.

[raistlin76]

Le immagini vengono posizionate in base alle coordinate (x,y) che si trovano nella banca dati, non a caso...non ho capito (abbi pazienza!), potresti spiegarmelo ancora?

[gabip87]

spiegami te cosa ci devi fare. le immagini in base a cosa sono posizionate nella pagina? creano una specie di mappa oppure costituiscono un semplice elenco?

[raistlin76]

Provo a spiegarmi, il tutto è una specie di mappa. C'è un'immagine di background e poi alcune altre immagini che devono essere disposte sul background in base alle impostazioni (coordinate x,Y) che dovro' estrarre dalla banca dati. Periodicamente la mappa deve essere ri-aggiornata spostando le immagini nel caso.

[gabip87]

in questo caso non so aiutarti. aspetta altre risposte. ciao

[raistlin76]

Togooooo!!!! Ho risolto, ecco il codice PHP d'esempio:
echo "<div id=\"sfondo\">" .
"<div style=\"position:absolute; top:100px; left:200px\"><a href=\"http://www.debian.org\">" .
"<img src=\"wls/butt_blue_s.gif\"></a></div>" .
"<div style=\"position:absolute; top:200px; left:500px\"><a href=\"http://www.kernel.org\">" .
"<img src=\"wls/butt_blue_s.gif\"></a></div>" .
"<div style=\"position:absolute; top:300px; left:100px\"><a href=\"http://www.distrowatch.com\">" .
"<img src=\"wls/butt_blue_s.gif\"></a></div>" .
"</div>";

L'importante è inserire l'opzione <div style="position:absolute; top:$valore_toppx; left:$valore_leftpx"> per ogni immagine che devo inserire. $valore_top e $valore_left poi me li posso gestire come voglio io con il PHP.
Unico inconveniente, la posizione è assoluta rispetto alla pagina, non all'immagine di background.
Non è cmq un grosso problema, con 2 variabili globali posso identificare il punto d'origine dell'immagine di background è il gioco è fatto.
Grazie cmq per l'aiuto gabip87