Hallo zusammen,
Eigentlich kenne Ich mich nicht unbedingt wenig aus mit HTML und CSS.
Allerdings bin ich eingerostet da ich seit 2 Jahren mich nicht mehr mit der Entwicklung befasst habe, daher brauche ich eure Hilfe!
Ich arbeite gerade an einer Website für einen Freund.
Ich bin gerade dabei ein Menü zu programmieren, allerdings steh ich auf dem Schlauch.
Derzeit sieht meine Seite so aus:
[Blockierte Grafik: https://image.prntscr.com/image/s-_qDMvQQcqa56O2Aey9bQ.png]
Hier dazu der Quelltext:
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Startseite | Frische Zeitung</title>
<link rel="stylesheet" type="text/css" href="../CSS/IndexCSS.css" />
</head>
<body>
<div id="all">
<div id="header">
<img src="../Images/Logo png.png" />
<ul>
<li><a href="#">STARTSEITE</a></li>
<li><a href="#">AUSGABEN</a></li>
<li><a href="#">DAS TEAM</a></li>
<li><a href="#">KONTAKT</a></li>
</ul>
</div>
</div>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body{
background-image: url(../Images/Hintergrund.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
#all {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#header {
width: 100%;
height: 200px;
background-color: azure;
}
#header img{
margin-left: 20px;
margin-top: 10px;
height: 250px;
width: 350px;
}
#header ul {
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
left: 25%;
}
Jetzt meine Frage, wie bekomme ich das hin, dass das am Ende ca. so aussieht?
Bei mir lässt sich der text nicht auf dieselbe Höhe wie das Bild oder umgekehrt machen obwohl sie doch im selben div stehen?
[Blockierte Grafik: https://image.prntscr.com/image/iCSvt-BGQgK7wqqxonlXQQ.png]
Vielen Dank im Voraus<3