Moin, ich möchte ein Bild in meiner CSS oben links in die Ecke machen, damit das auf jeder Seite so ist.
Der Code für meine HTML:
<!doctype html>
<html>
<head>
<title>Informatik</title>
<link href="Kurz.css" rel="stylesheet" type="text/css">
</head>
<body>
<footer></footer>
<script language="javascript" type="text/javascript" src="Footer.js"></script>
</body>
</html>
Der Code für CSS:
html {
height: 100%;
}
body {
background-image: url("Bilder/getraenkeguenther.jpg");
background-repeat: no-repeat;
background-position: left top;
min-height: 100%;
margin: auto;
display: flex;
flex-direction: column;
}
footer {
margin-top: auto;
height: 200px;
text-align: center;
background-color: deepskyblue;
}
Der Code der JS:
var footer = `
<a>Impressum</a>
`;
document.getElementsByTagName("footer")[0].innerHTML = footer;
Das backgroundimage soll quasi als einzelnes Bild oben links in die Ecke