Link div esterni url

Voglio che il mio div essere cliccabile e il collegamento a un url esterno. Perché questo non funziona o cosa devo fare, invece?

html:

 <div id="logo_left">
   <a href="..external url.."></a>
 </div>

Foglio di stile:

#logo_left {
  //stylestuff
}
#logo_left a {
  display: block;
  height: 100%;
  width:  100%;
}
  • Che cosa si ha realmente bisogno di qualche contenuto nei tag. Un’immagine, un testo – qualcosa che indica all’utente che il link effettivamente.
InformationsquelleAutor bdeonovic | 2011-08-22



3 Replies
  1. 0

      che È necessario aggiungere un evento su clic di proprietà del div

     <
    
    div id="logo_left" onclick="window.redirect=..external url..">
         </div>
    • Davvero non è necessario. html5 specifiche consentire <a><div></div></a>
    • È a questa domanda è stata contrassegnata come html5.. Hv, improvvisamente ha smesso di supportare tutte le altre versioni http.. Questo è matto!
    • Non giù di voto in base a quello che penso sia giusto.. Den voto se non è corretto..
    • Forse, ma anche senza html5, ci sono ancora meglio, non javascript soluzioni.
    • Di nuovo, si prega di notare, come una migliore risposta o una soluzione e l’autore della domanda è possibile rispondere a una chiamata su quello che presto si desidera utilizzare.. N
    • Sì, però è come suggerire di utilizzare espressioni regolari per analizzare l’html, è possibile, sì, ma non è consigliato e non dovrebbe essere usato come parser html disponibili e fare un lavoro molto migliore. Stesso qui, come regola empirica, in cui JavaScript può essere evitato (facilmente), dovrebbe essere.
    • Potete per favore postare una soluzione invece di commentare le altre risposte e ciò che pensi sia rig o sbagliato bat esso..

  2. 0

    Non hai bisogno di JavaScript per il collegamento a un URL specifico, basta usare l’indirizzo completo a partire da http:

    <div id="logo_left">
       <a href="http://www.external-url.com"></a>
    </div>
    • Sarà necessario aggiungere dimensione al div, o avrà un height e width di 0px, e non sarà visibile.

Lascia un commento