Bootstrap-Bild-Link funktioniert nicht

Habe ich ein logo-Bild in meinem Kopf und ich habe die standard-code, den browser-Quellcode auch zeigt es, aber der link funktioniert nicht überall. Sehen Sie bitte unten:

<a href="index.html"><img class="img-responsive hidden-xs" src="img/sitewide-images/logo.png" width="106" height="106" alt=""/></a>

Hier ist ein link um es live auf einem Testserver: http://wsieworksstaging.com/ptmw/index.html

  • warum sollte es? Du bist auf index.html sowie die Anbindung an index.html. Sie sind also nur einen Klick weiter, um genau die gleiche Seite.
  • Sollten Sie ausführen, dass der code durch einen validator, während Sie gerade dabei sind. Scheint ein paar Dutzend Fragen.
  • Ich lief es durch Dreamweaver CC W3C-validator und es validiert, sagt keine Fehler oder Warnungen gefunden [HTML5].
  • validator.w3.org/#validate_by_uri
  • Hier ist eine weitere Seite mit der gleichen Sache, die übergeben mit dem Hinweis unter: wsieworksstaging.com/ptmw/ptm-w-products/epoxy-products/... Die hochgeladene Dokument "rt-surface-coats.html" wurde erfolgreich geprüft, wie HTML5. Dies bedeutet, dass die Ressource in Frage, die identifiziert sich selbst als "HTML5" und dass wir erfolgreich eine formale Validierung von it. Die parser-Implementierungen, die wir für diese Prüfung basieren auf den validator.nu (HTML5).
  • Ich sehe deinen html-code. warum verwenden Sie 2 <a> - tags mit demselben href und einem Bild? Versuchen Sie eine davon entfernen und überprüfen Sie das Ergebnis
  • Ich habe einer von Ihnen versteckt sich in der browser-Größe xs und die anderen verstecken die ganze Zeit. Ich Tat dies, so konnte ich zentrieren Sie das logo bei Handy Größe...

InformationsquelleAutor SixFootUnda | 2014-08-28
  1. 5

    Bootstrap sollte container > row > column

    Du nicht die Spalten innerhalb einer Zeile, also die Zeile unten ist nicht-clearing und überlagert es. Versuchen Sie dies:

    <div class="container">

    <div class="row"> <!-- wrap with a row to force the content below to clear  -->

        <div class="col-md-2 col-sm-2">..</div>

        <div class="col-md-10 col-sm-10">..</div>

    </div>

    <div class="row">

        <nav class="navbar navbar-default navbar-inner" role="navigation"> .. </nav>

    </div>

</div>

    Aus Der Dokumentation

    Zeilen gesetzt werden müssen, innerhalb .container (Feste Breite) oder .container-fluid (full-width) für die richtige Ausrichtung und Polsterung.
    Zeilen zur Erstellung von horizontalen Gruppen von Spalten.

    InformationsquelleAutor Brian Dillingham
  2. 3

    Weil dein div mit der Klasse row sitzt oben drauf und blockiert alle Klicks. Hinzufügen clear:left zu haben, es zu bekommen aus dem Weg, und der link wird anklickbar.

    • Danke für die Antwort, sollte ich klar:Links auf das Bild oder den div mit der Klasse row?
    • Das div mit der Klasse row.
    • Aber es wird sich ändern die effektive height von header.
    • Ich habe versucht, und es immer noch nicht zu funktionieren scheint, habe ich aktualisiert, wenn der server Sie in der Lage wäre, zu schauen und zu sehen, wenn ich es falsch...
    • Wickeln Sie Sie in einer Zeile, wie ich hier gezeigt stackoverflow.com/a/25558329/1342440
    • Danke für die Hilfe Brian, das hat funktioniert!!!
    • ok ich werde klicken Sie auf das für Sie, ich habe noch nie verwendet diese Website vor, so dass ich entschuldige mich, wenn es mir dauert eine min zu gewöhnen, aber danke Brian, Ihre Antwort hat funktioniert
    • Herzlich willkommen auf Stackoverflow @SixFootUnda 🙂

    InformationsquelleAutor j08691
  3. 0

    Können Sie auch versuchen zu geben, dass die Anker eine absolute position und ein z-index Wert.

    a[href="index.html"] {
    position: absolute;
    z-index: 1;
}
    InformationsquelleAutor Anisuzzaman Khan
Schreibe einen Kommentar