2016-11-21 6 views
-1

Ich habe an der Erstellung einer horizontalen Navigationsleiste für meine Website gearbeitet, aber der obere Rand der Navigationsleiste scheint abgeschnitten zu sein und wird nicht den oberen Rand der Seite berühren.HTML-Nav-Leiste wird nicht den Anfang der Seite berühren

ich verwendet haben versucht:

* { 
    padding: 0; 
    margin: 0; 
} 

Das führt aber zu mir Polsterung alles hinzuzufügen zu haben.

Gibt es eine andere Möglichkeit, es zu beheben?

Fiddle: https://jsfiddle.net/bp2jnytc/

+0

Ihr CSS macht genau das, was Sie ihm sagen. Ich denke, du möchtest deine Li-Elemente etwas auffüllen. Ich bin nicht genau sicher, was Sie versuchen, aber vielleicht hilft dies https://jsfiddle.net/happymacaarts/5v9b4xwc/ – happymacarts

Antwort

0

Für Ihre <h3> Elemente innerhalb Ihrer ungeordnete Listen, könnten Sie versuchen:

h3 { 
    margin: 0; 
    padding: 15px; 
} 

Und dann für Ihr <ul> Element in Ihrem <header>:

header ul { 
    margin: 0; 
} 
+0

Wie würden Sie das kleine Stückchen links und rechts von ihnen entfernen? – jacobtohahn

+0

Für Ihre 'body'-Styles sollte anstelle von' margin-top: 0; ''margin: 0;' sein. – jacefarm

0

Es ist nichts falsch mit ihm, gut zumindest wenn ich den Code in meinen Texteditor kopierte und ihn dann in Chrome lief. Ich glaube, dass es ein Problem damit ist, wie jsfiddle die Informationen anzeigt, nicht mit deinem Code.

Verwandte Themen