Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di afrappe
    Registrato dal
    Jan 2002
    Messaggi
    1,197

    link su immagine di sfondo

    ho un div che contiene una immagine di sfondo(il logo del sito)
    vorrei che questa diventasse il link per l'home page
    ora non essendoci elementi cliccabili all'interno(l'immagine non è contenuta un un tag <img> ma è uno sfondo)
    come posso renderla cliccabile magari evitando di usare javascript(<div javascript="onclick(ecc ecc ecc.."> )
    è possibile mettere un tag <a></a> vuoto magari espanso per tutto il div o c'e' qualche soluzione alternativa?
    grazie a tutti

  2. #2
    perchè non la inserisci come immagine e risolvi tutti i problemi ?

  3. #3
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    altra alternativa è inserire una gif trasparente.
    comunque la soluzione migliore è quella di inserire direttamente il logo non come sfondo ma come immagine
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  4. #4
    altra alternativa è inserire una gif trasparente.
    ??

    Perchè non metti quella dello sfondo ?

  5. #5
    Utente di HTML.it L'avatar di afrappe
    Registrato dal
    Jan 2002
    Messaggi
    1,197
    e se ci devo scrivere sopra?

  6. #6

  7. #7

    Re: link su immagine di sfondo

    Ciao,
    di seguito la soluzione al tuo problema.
    Saluti, Alessandro
    ---
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="it">
    <head>
    <title>Prova</title>
    <style type="text/css" media="all">
    #logo {
    width:65px;
    height:65px;
    background: #fff url(http://forum.html.it/forum/images/av...atar_leone.gif) top left no-repeat;
    }

    #logo a {
    display:block;
    width:64px;
    height:64px;
    }
    </style>
    </head>
    <body>
    <div id="logo">

    </div>
    </body>
    </html>

  8. #8
    Utente di HTML.it L'avatar di afrappe
    Registrato dal
    Jan 2002
    Messaggi
    1,197
    thanks

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.