Ciao. Io in una pagina HTML ho un tag <img> che visualizza un'immagine, solo che sopra di essa ci devi aggiungere altri oggetti, altre div e non riesco a farlo...
http://keyproject.netsons.org/apa/prova.htm
Devo fare questo effetto con le freccine ai lati.
Ora l'immagine però si trova come sfondo di una div nel foglio di stile... solo che così non mi va bene.
Spero possiate aiutarmi. Ciao
io direi di provare a fare un div esterno contenente un altro div che contiene l'immagine;
e poi provare a fare aun div con position absolute,left:0 e height come l'immagine (per la freccia di sinistra);
codice:<div><div><img/></div><div style:"position:absolute;left:0px; heigth:altezza_img"><img></div></div>
Prova così... adattalo al tuo codice ovviamente
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> #img1 { position:absolute; top:30px; left:30px; z-index:10 } #img2 { position:absolute; top:200px; left:30px; z-index:10 } </style> </head> <body> <div> [img]01.jpg[/img] </div> <div id="img1"> [img]1.jpg[/img] </div> <div id="img2"> [img]2.jpg[/img] </div> </body> </html>
funziona?
Fai un div che contenga tutto..
http://apacilinux.clanteam.com/Server/prova.htm
Ecco qui è il pannello completo, molto più complesso dell'esempio che ho linkato prima...
I vostri suggerimenti non vanno bene in quanto il contenuto è tutto centrato con un margin: auto; quindi non potrei utilizzare la proprietà left...
Grazie comunque
Se i nostri suggerimenti non vanno bene è
perchè non hai saputo o non hai voluto
spiegarti bene prima, cosa che è fondamentale
quando si chiede aiuto su un forum dove c'è
gente che si fa in quattro per aiutare gli altri gratis
allora ragazzi visto che il post è gia aperto e la mia domanda sembra simile provo a chiedere qui...
spero solo di riuscirmi a spiegare perchè sinceramente sembra difficile anche a me capirmi
allora devo posizionare sopra un immagine altri oggetti ( come è gia stato chiesto..) e avevo gia provato a scrivere :
#serate {position: absolute; left: 710px; top: 90px}
#ristorante {position: absolute; left: 495px; top: 186px}
#aperitivo {position: absolute; left: 560px; top: 110px }
#storia {position: absolute; left: 850px; top: 188px }
nel file css!!!
il problema è che... realmente questi oggetti hanno una posizione ben precisa sopra quest'immagine ( dato che devono essere posizionati tra i raggi di un sole ) e con questa modalita ( mettendo absolute ) se x esempio rimpicciolisco la pagina... bhe... mi si sfalla tutto...
spero che abbiate capito qualcosa di quello che ho cercato di spiegarvi.....
spero veramente in un vostro aiuto....
Permessi di invio
Rispondi quotando