Visualizzazione risultati 1 fino 6 di 6

Discussione: Immagine con collegamento ipertestuale in vari punti

  1. #1
    knightrider3000 non è connesso Utente giovane
    Data registrazione
    21-08-2011
    Messaggi
    37

    Predefinito Immagine con collegamento ipertestuale in vari punti

    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

  2. #2
    L'avatar di darkwolf
    darkwolf non è connesso Staff AV
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,532

    Predefinito

    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
    Ultima modifica di darkwolf : 15-06-2017 alle ore 17.18.34
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


  3. #3
    knightrider3000 non è connesso Utente giovane
    Data registrazione
    21-08-2011
    Messaggi
    37

    Predefinito

    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!
    Ultima modifica di darkwolf : 15-06-2017 alle ore 17.45.51 Motivo: non serve riquotare per intero il messaggio precedente :P

  4. #4
    L'avatar di darkwolf
    darkwolf non è connesso Staff AV
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,532

    Predefinito

    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
    Ultima modifica di darkwolf : 15-06-2017 alle ore 17.43.53
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


  5. #5
    knightrider3000 non è connesso Utente giovane
    Data registrazione
    21-08-2011
    Messaggi
    37

    Predefinito

    Citazione Originalmente inviato da darkwolf Visualizza messaggio
    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..

  6. #6
    L'avatar di darkwolf
    darkwolf non è connesso Staff AV
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,532

    Predefinito

    prova così: <body style="background:url(immagine.jpg) no-repeat center;background-size:100% 100%">
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •