Die Navigationsleiste kann nicht 0px auf oberem Padding gehen.

Ich bin neu in HTML und CSS, und jetzt habe ich Probleme mit dem Padding auf meiner Navbar, ich kann nicht erreichen, dass es die Spitze "erreicht", gibt es ein Leerzeichen zwischen der Navigationsleiste und dem oberen Rand der Website Ich kann nicht loswerden.Die Navigationsleiste kann nicht 0px auf oberem Padding gehen.

Hier ist mein HTML-Code:

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Projekt 2</title> 
<link rel="stylesheet" type="text/css" href="p2.css"> 
</head> 
<body> 
<ul class="nav"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Contact</a></li> 
    <li><a href="#">More</a></li> 
</ul> 
</body> 
</html>

Und die CSS:

body { 
margin: 0; 
padding: 0; 
padding-top: 0px; 
font-family: monospace; 
} 

.nav { 
background-color: dimgrey; 
color: white; 
list-style: none; 
text-align: center; 
padding: 20px 0 20px 0; 
}

Hier ist das Problem, ich kann nicht scheinen, von dem weißen Raum oberhalb der Navigationsleiste, um loszuwerden, obwohl ich habe den Padding auf 0px gesetzt. Ich habe versucht, die Pixel um zu ändern, habe ich mit dem Padding-Top-Attribut versucht, aber nichts scheint zu helfen, jede Hilfe wird geschätzt, danke!

enter image description here

Quelle

2017-11-07 HabibieND

Versuchen Sie dieses, das Hinzufügen margin-top: 0px; zu Ihrem .nav

body { 
 
margin: 0; 
 
padding: 0; 
 
padding-top: 0px; 
 
font-family: monospace; 
 
} 
 

 
.nav { 
 
background-color: dimgrey; 
 
color: white; 
 
list-style: none; 
 
text-align: center; 
 
padding: 20px 0 20px 0; 
 
margin-top: 0px; 
 
}

<body> 
 
<ul class="nav"> 
 
    <li><a href="#">Home</a></li> 
 
    <li><a href="#">Contact</a></li> 
 
    <li><a href="#">More</a></li> 
 
</ul> 
 
</body>

Quelle

2017-11-07 00:05:27 Ananda

-1

Vielleicht ist es etwas anderes in Ihrem verknüpften Stylesheet, das die CSS überschreibt Sie in Ihrem Beitrag enthalten?

Versuchen Sie, hinzufügen! Wichtig und sehen, ob das Dinge behebt. Doing dies im Wesentlichen sagt der Browser, um dies über alle anderen zu verwenden ...

z. Polsterung oben: 0! Wichtig;

Sie könnten auch Padding oder einen Rand für die li oder a-Elemente festgelegt haben. Überprüfe diese Dinge auch.

Quelle

2017-11-07 00:06:09 Andrew

UL-Tags haben standardmäßig Ränder. Sie müssen sie einfach entfernen.

.nav { 
    background-color: dimgrey; 
    color: white; 
    list-style: none; 
    text-align: center; 
    padding: 20px 0 20px 0; 
    margin: 0px; 
}

Quelle

2017-11-07 00:06:34

Versuchen Sie folgendes:

.nav{ 
     padding-top:0px; 
    }

Quelle

2017-11-07 00:07:38

Die Navigationsleiste kann nicht 0px auf oberem Padding gehen.

Antwort

Verwandte Themen