Immagine con collegamento ipertestuale in vari punti

15-06-2017, 16.27.09

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

**darkwolf** · 15-06-2017, 17.16.58

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:

Codice 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>

http://darkwolf.altervista.org/immag...ate/index.html

15-06-2017, 17.33.31

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!

**darkwolf** · 15-06-2017, 17.40.10

codice. piazzato in modo sporco ad un div. se lo metti nel body andrà bene. te lo cambio

Codice 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>

stesso link

15-06-2017, 17.47.47

Originalmente inviato da darkwolf

codice. piazzato in modo sporco ad un div. se lo metti nel body andrà bene. te lo cambio

Codice 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>

stesso link

Da Google Chrome si vede benissimo, da Mozilla Firefox invece un buon pezzo di giù non si vede..

**darkwolf** · 15-06-2017, 17.59.01

prova così: <body style="background:url(immagine.jpg) no-repeat center;background-size:100% 100%">

Discussione: Immagine con collegamento ipertestuale in vari punti

LinkBack

Strumenti discussione

Display

Immagine con collegamento ipertestuale in vari punti

Regole di scrittura