Printable View
Salve,vorrei sapere se è possibile inserire in un documento HTML
Una sola immagine centrata con dentro due collegamenti con "<a href" nei punti precisi, esempio in questa banale pagina.
In questo caso su "Link 1" e "Link 2".
E' possibile? Cercando gli attributi del tag <a mi sembra di no! :S
Potresti, ad esempio, mettere un'immagine di sfondo in un div (parent) e due immagini di sfondo ai due link (child) che via css posizioni sopra la prima immagine.
esempio sporchino:
http://darkwolf.altervista.org/immag...ate/index.htmlCodice HTML:<div style="background:url(sfondo.png) no-repeat center;height:100%;width:100%">
<a href="#link1" style="background:url(1.png) no-repeat center;height:300px;width:300px;position:absolute;left:50;top:50;text-indent:-9000">link1</a>
<a href="#link2" style="background:url(2.png) no-repeat center;height:300px;width:300px;position:absolute;right:50;top:50;text-indent:-9000">link2</a>
</div>
Grazie! Era proprio ciò che mi serviva! Però ho notato che l'immagine dello sfondo (anche nel tuo sito) si vedono i bordi.. è un problema di quello sfondo in particolare o di quel codice? Grazie!
codice. piazzato in modo sporco ad un div. se lo metti nel body andrà bene. te lo cambio :wink:
stesso linkCodice HTML:<html>
<body style="background:url(abstract.jpg) no-repeat center">
<a href="#link1" style="background:url(1.png) no-repeat center;height:300px;width:300px;position:absolute;left:50;top:50;text-indent:-9000">link1</a>
<a href="#link2" style="background:url(2.png) no-repeat center;height:300px;width:300px;position:absolute;right:50;top:50;text-indent:-9000">link2</a>
</body>
</html>
Da Google Chrome si vede benissimo, da Mozilla Firefox invece un buon pezzo di giù non si vede.. :crycry:Citazione:
Originalmente inviato da darkwolf
prova così: <body style="background:url(immagine.jpg) no-repeat center;background-size:100% 100%">