Hallo zusammen,
ich bin ziemlich neu was HTML/CSS angeht. Ich habe auf einer Website soein interaktives Tutorial gemacht und versuche danach selbst eine simple HTML seite mit etwas CSS zu erstellen. Das Problem, ich habe zwischen dem Header, bzw Body und dem Browser nach oben hin einen Whitespace den ich ums Verrecken nicht weg bekomme. Ich habe schon erfahren das der Body standardmäßig einen margin wert hat und habe diesen auf 0px gesetzt. Das brachte zwar links und rechts an den Seiten etwas aber nach oben hin blieb der Whitespace bestehen.
Beim Screenshot hatte ich gerade den padding Wert von <h1> auf 0px gesetzt, nicht das ihr euch wundert...
Vielen Dank für eure Zeit.
Hier noch was ich bisher verbrochen habe. ^_^
ich bin ziemlich neu was HTML/CSS angeht. Ich habe auf einer Website soein interaktives Tutorial gemacht und versuche danach selbst eine simple HTML seite mit etwas CSS zu erstellen. Das Problem, ich habe zwischen dem Header, bzw Body und dem Browser nach oben hin einen Whitespace den ich ums Verrecken nicht weg bekomme. Ich habe schon erfahren das der Body standardmäßig einen margin wert hat und habe diesen auf 0px gesetzt. Das brachte zwar links und rechts an den Seiten etwas aber nach oben hin blieb der Whitespace bestehen.
Beim Screenshot hatte ich gerade den padding Wert von <h1> auf 0px gesetzt, nicht das ihr euch wundert...
Vielen Dank für eure Zeit.
Hier noch was ich bisher verbrochen habe. ^_^
HTML:
<!DOCTYPE html>
<html>
<head>
<title>MSS</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>MSS</h1>
<ul>
<li>News</li>
<li>Über mich</li>
<li>Meine Projekte</li>
<li>Kontakt</li>
</ul>
</header>
</body>
</html>
Code:
header{
text-align: center;
background: blue;
background-size: cover;
color: white;
}
h1{
font-size: 44px;
padding: 100px;
}
ul{
padding: 10px;
background: black;
}
li{
display: inline;
font-size: 20px;
padding: 0px 15px 0px 15px;
}
body
{
margin: 0px;
}
