2017-03-23 4 views
0

Mein Problem hier ist, dass ich ein Menü habe ich in HTML mit einigen Links im Körper gemacht, aber wenn ich ein anderes Tag nach dem Nav-Tag machen den letzten Link Kontakt scheint immer noch zu verknüpfen, ohne mich damit zu tun. Ich habe mich bei Google umgeschaut und konnte scheinbar nichts finden, wo der Link bestehen bleibt, ohne dass ich ihn speziell in einem verlinkt habe. Ich habe das Gefühl, dass es am ehesten mit meinem Verständnis der Grundlagen zu tun hat, seit ich vor kurzem mit html angefangen habe. Hier ist der Code:HTML-Code-Links, wo sollte es nicht?

<html> 

    <head> 
     <title>Company</title> 
     <link rel="stylesheet" href="Style.css"> 
    </head> 

    <body> 
     <nav id="menu"> 
      <ul> 
       <li><a href="Home.html">Home</li> 
       <li><a href="Products.html">Products</li> 
       <li><a href="About Us.html">About us</li> 
       <li><a href="Contact.html">Contact us</li> 
      </ul> 
     </nav> 
     <h1>1</h1> 
    </body> 

</html> 

Mein Sheet, wenn das Problem aufgetreten ist es ?:

#menu nav{ 
    position:fixed; 

    margin:0; 
    padding:0; 
    border:0; 

} 

#menu ul{ 
    list-style:none; 
    margin:0; 
    padding:0; 
    display:flex; 
    border:2px; 
    border-style:solid; 
    background-color:#ccc; 
    justify-content:space-around; 
} 

#menu ul li{ 
    display:inline; 

    margin:0; 
    padding:0; 
} 

#menu li a{ 
    display:inline-block; 
    list-style:none; 
    margin:0; 
    padding:0; 
    border:0; 
    text-decoration:none; 
    font-size:2em; 
    color:blue; 
} 

#menu li a:hover{ 
    margin:0; 
    padding:0; 
    border:0; 
    text-decoration:underline; 
    color:#cdg; 

} 
+0

Ich denke, ur das Schreiben von Code in einigen, wie unten Code sein Text-Editor, verwenden Sie bitte einige IDE, so dass Sie leicht lernen können – Dilip

Antwort

5

Sie Zeile hinzufügen, werden Ihre Schließung für jeden Ihrer Links fehlt.

Update:

<li><a href="Home.html">Home</li> 
<li><a href="Products.html">Products</li> 
<li><a href="About Us.html">About us</li> 
<li><a href="Contact.html">Contact us</li> 

An:

<li><a href="Home.html">Home</a></li> 
<li><a href="Products.html">Products</a></li> 
<li><a href="About Us.html">About us</a></li> 
<li><a href="Contact.html">Contact us</a></li> 
+0

wow ich fühle mich dumm, danke – user3261619

1

Sie sind ein-Tags, die im Allgemeinen einen Link bezeichnen. Wenn Sie href = "some location" hinzufügen, wird dies dazu führen, dass Sie beim Klicken auf den Text zu diesem Link weitergeleitet werden.

Wenn Sie die href = "Contact.html" entfernen, wird keine Verbindung hergestellt.

Sie müssen auch Ihre Links beenden, ein Schließen einen Tag vor dem Tag Schließen li auf jeder

+0

Richtig, ich denke, ich hätte nicht beschreibend Bett mein Problem spezifisch genug. aus irgendeinem Grund wird der letzte Link in die geschoben die anderen Links ergeben, wie ich sie zu – user3261619

+0

erwarten Sie müssen nur Ihre Links schließen und das wird behoben werden. –

+0

bearbeitet, um auch einzuschließen. –

1

Sie vermissen den schließenden Tag von </a> und es sollte

 <li><a href="Home.html">Home</a></li> 
     <li><a href="Products.html">Products</a></li> 
     <li><a href="About Us.html">About us</a></li> 
     <li><a href="Contact.html">Contact us</a></li> 
Verwandte Themen