anklickbare div mit img drin?

Ich habe ein div würde ich gerne machen anklickbar. Ich weiß, ich brauche, um das div (und?) den link haben eine Feste Breite und Höhe + display: block. Ich habe ein Bild innerhalb des div. Es scheint, wie die 'anklickbar' div ist eigentlich eine große, transparente Verknüpfung, und klicken Sie auf diese nicht gut zu spielen mit Bildern, die es nicht teilen sich den Platz. Ich muss rechts klicken Sie auf das Bild und klicken Sie auf " speichern als.

Also wie mache ich das div anklickbar. Ich habe versucht die img-Breite und Höhe, aber es machte die img-stretch.

  • Können Sie veröffentlichen, markup? Ich sehe nicht ein, warum Sie Schwierigkeiten mit der rechten Maustaste klicken, speichern unter auf ein Bild innerhalb eines div-Element....
  • Auch der browser-version.
  • KP. Ich habe nie gesagt, ich hatte Probleme mit dem Bild...
InformationsquelleAutor | 2010-03-19
  1. 6

    Können Sie die <a> tag zu füllen, die gesamte über. Beispiel:

    <div>
    <a href="..." style="display: block; height: 100%">
        <img src="..." alt=".." />
    </a>
</div>

    und die gesamte <div> werden anklickbar.

    • Das macht nur das Bild klickbar, nicht die gesamte <div>...
    • Falsch, versuchen Sie es.
    • Dies ist, was ich hatte, außer für die 100%. Die 100% scheint nicht zu arbeiten, bc ich bin valigning das img innerhalb einer Zelle der Tabelle. Nur die Breite ist anklickbar.
    • Können Sie nach dem code, und dann?
    InformationsquelleAutor nemetroid
  2. 2

    Tatsächlich machen ein div in einen link Sie haben, Javascript zu verwenden, aber aus dem Lesen mehr zu deiner Frage ich bin mir nicht ganz sicher, ob dies, was Sie Fragen. Aber wenn Sie jemals tun müssen, um einen div in einen link-hier ist es.

    <div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>

    Es wäre toll, wenn könnten Sie geben Sie Ihre markup, so dass wir sehen können, was Sie sehen.

    Dank,

    • Wie bekommt man 8k rep, Fragen zu stellen wie diese...
    InformationsquelleAutor Timothy Reed
  3. 0

    Diese Antwort ist falsch! Es überschreitet nicht HTML. Ich bin nur halten, bis es hier so, dass andere Menschen es sehen können und wissen, dass es nicht die Antwort auf die Frage. (falls jemand anderes die gleiche Idee hatten, um diese Antwort)

    Warum nicht einfach etwas tun, wie

    <a href="...">
  <div>
    <img src="..." alt="..">
  </div>
</a>
    • ... weil a Elemente enthalten dürfen div - Elemente in HTML.
    InformationsquelleAutor
Schreibe einen Kommentar