2016-05-07 5 views
-2

Hier ist ein einfacher Bug ich weiß nicht, was vor sich geht. Das Problem ist, ich habe ein Menü in HTML. Das Menü enthält tatsächlich Anker-Tags, aber einige Links funktionieren und andere sind nicht einmal anklickbar. jede Hilfe würde geschätzt werden. Danke ein KrugBearbeitet: HTML Anchor-Tags verrückt geworden, brauchen einige Richtlinien

PS: Ich habe das gleiche Verzeichnis für alle Seiten, aber einige funktionieren und andere nicht.

Dies ist mein Code für das Menü.

Wenn ich auf die Seite ABOUT oder SERVICES gehe, kann ich nirgendwo anders hingehen, weil kein Anker-Tag funktioniert.

das ist mein CSS für das Menü

#menu 
{ 
    background-color:brown; 
    width:100%; 
    height:auto; 
    float:left; 
    clear:both; 
} 
#menu ul { 
    list-style: none; 
    padding: 0px; 
    //margin-left:auto; 
    width:900px; 
} 

#menu li { 
    list-style: none; 
    padding: 0px; 
    display: inline; 

} 

#menu a { 
    float: left; 
    width: 150px; 
    height: 40px; 
    display: block; 
    text-align: center; 
    text-decoration: none; 
    color: #ffffff; 
    font-weight: bold; 
    padding-top: 17px; 
    font-size: 15px; 
} 

#menu a:hover{ 
    color:#BAD1F3; 
} 
+0

Wenn sie nicht anklickbar sind, gibt es vielleicht ein Problem mit Ihren CSS-Regeln? – AlFra

+0

zeigen Sie den Css-Code für Ihr Menü an. –

+0

versuchen: 'sometext' oder 'sometext' –

Antwort

0

Das Problem ist, dass die Überschriften auf Ihrer Seite "Dienste" und "Über uns" eine Auffüllung haben, die die Links überlappt. Entfernen Sie position: relative; aus den Überschriften und Sie werden feststellen, dass die Links wieder klickbar sind.

+0

Vielen Dank für Ihre Aufmerksamkeit. Das habe ich nicht bemerkt. Ich werde das überprüfen. –

+0

liebe dich für diesen Mann. Du hast mein ganzes Problem gelöst. eine Sache mehr, dass ich möchte, dass Sie bitte erklären, was eigentlich das Problem mit Positionsrelativ war? Was macht diese relative Position? wann und wo sollen wir es verwenden? Was sind Alternativen dafür? –

+0

@MehranKhan Okay, normalerweise dürfen Elemente sich nicht überlappen. Positionierte Elemente sind eine Ausnahme. Wenn Sie einem Element eine Position zuweisen, darf es andere Elemente überlappen. Wenn Sie also auf die Links klicken, klicken Sie tatsächlich auf das Padding der Überschrift und nicht auf den Link. – Chris

0

Menü wird schwebt und von unten Elemente überlappt. Fügen Sie overflow: hidden; zu #container hinzu und es wird den Schwimmer löschen.

+0

gehen, um das zu überprüfen. Vielen Dank –

Verwandte Themen