2017-12-31 9 views
0

Ich baue eine Website und alles war gut, bis ich zu meiner Fußzeile kam. Ich versuche ein Facebook- und Twitter-Icon zu haben, das auf die entsprechenden Seiten umleitet, aber aus irgendeinem Grund funktionieren die Links in meiner Fußzeile überhaupt nicht. Sie werden nicht auf die bestimmte Seite oder die allgemeinen Facebook- und Twitter-Homepages umleiten, und selbst wenn ich es von einem Bild zu einem Text-Hyperlink ändere, funktioniert es nicht. Es scheint, dass irgendwelche Links, die ich in meiner Fußzeile habe, einfach nicht antworten. Ich habe den Code wiederholt überprüft und finde kein Problem, und ich weiß, dass alle Bilder an der richtigen Stelle gespeichert sind. Die Symbole werden angezeigt, die Maus wird beim Schweben zu einem Zeiger, beim Klicken passiert nichts. Ich referenziere nur a.nav in meinem CSS, ich habe das normale a tag nicht mit CSS bearbeitet.Externe Links in meiner Fußzeile funktionieren nicht?

footer { 
 
    color: #ffffff; 
 
    padding: 10px; 
 
    text-align: center; 
 
    clear: both; 
 
    font-size: 9px; 
 
}
<footer> 
 
    <p>&copy; 2017 The Michigan Spirits Association | All Rights Reserved</p> 
 
    <a href="http://www.facebook.com"> 
 
     <img src="images/facebook.png" alt="MSA Facebook" style="width:15px"> 
 
    </a> 
 
    <a href="http://www.twitter.com"> 
 
     <img src="images/twitter.png" alt="MSA Twitter" style="width:15px"> 
 
    </a> 
 
</footer>

+1

Sie müssen etwas mehr Code zeigen können, da dies allein uns nicht erlauben, das Problem zu reproduzieren. – putvande

+0

Gibt es Fehler oder Warnungen in der Browserkonsole? Hast du auch Klartext-Links probiert? – Penn

+0

Ich habe versucht, die Bilder zu Text-Links zu ändern, ja, und das Gleiche passiert. Links werden beim Klicken nicht umgeleitet oder ausgeführt. Ich verwende Dreamweaver, und wenn ich den Mauszeiger über den Link im a-Tag bewege, erscheint die Meldung "image not found", obwohl das ein Link ist und kein Bild. Und die Bilder, die ich benutze (die Icons), kommen gut zur Geltung. Ich kann bei Bedarf mehr Code zeigen, lass es mich wissen. –

Antwort

0

ich es Ihre HTML-Codes und CSS arbeiten ordnungsgemäß überprüft haben, ich habe auf sie geklickt haben und die Reaktion der facebook.com und twitter.com korrekt auf der Grundlage Ihrer erwähnten Link in Ihrem HTML Kodierung Vielleicht sollten Sie löschen Sie Ihren Browser-Cache und alle Geschichte, ich bin sicher, es wird funktionieren

0

Ich habe gerade die Verzeichnis-Links zu den Bildelementen auf den Web-Links ersetzt und es hat auch für mich funktioniert.

footer { 
 
    text-align: center; 
 
    font-size: 9px; 
 
}
<footer> 
 
     <a href="https://www.facebook.com/"><img src="https://png.icons8.com/metro/540/facebook.png" alt="MSA Facebook" style="width: 15px; height: 15px;"></a> 
 
     <a href="https://www.twitter.com"><img src="http://www.freepngimg.com/thumb/twitter/2-2-twitter-png-file-thumb.png" alt="MSA Twitter" style="width: 15px; heigth: 15px;"></a> 
 
    </footer>