Hallo,
ich kenne mich ncoh nicht so gut in html aus und bin auf dieses Problem gestoßen:
Kann mir jemand vielleicht erklären wie ich den Code verändern muss damit die Buttons im blauen Header erscheinen?
HTML
<!DOCTYPE html><html><head> <title>Startseite</title> <link rel="stylesheet" type="text/css" href= "styles.css"></head><link rel="shortcut icon" src="dasface.png" type="image/x-icon"/><meta charset="utf-8"><body> <div class="header"> <div class="container"> <div class="logo"> <img src="facee.png" width="150" height="150" > </div> <div class="slogan"> <p> <br>Projektkurs<br>2014<br>Widerstand </p> </div> <div class="nav"> <ul> <li> <a href="#" class="myButton">Start</a></li> <li> <a href="#" class="myButton"> Lebensläufe</a></li> <li> <a href="#" class="myButton"> aaaaa</a></li> <li> <a href="#" class="myButton"> Guest</a></li> </ul> </div> </div> </div> <br><br><br><br><br><br><br><br><br><br><div class="cap"><h2>Namensgebung</h2></div>
<div class="container"> <div class="content"> <p> Was haben ein Anti-Putsch Befehl, bzw. ,nach der Abwandlung, eine Wie-man-das-Hitler-Regime-stürzt-Arbeitsanweisung, mit auf beflügelten Pferden reitenden „Schildjungfern“ zu tun? <br>Tatsächlich ist annehmbar, dass der Walküren-plan von den Walküren der nordischen Mythologie inspiriert waren. <img src="Walku.jpg"> Der Term „Walküre“ entstammt dem altnordischen „valkyrja“ und bedeutet grob übersetzt „Totenwählerin“. Diese Übersetzung widerspiegelt ziemlich zutreffend die Aufgabe der Walküren in der nordischen Mythologie. Als Botinnen und Dienerinnen Odins ist es ihre Aufgabe die Tapfersten der Toten einer Schlacht zu erwählen und sie nach Walhalla, der Götterburg der nordischen Götter, zu geleiten. Der Name der Operation Walküre lässt sich in sofern von der nordischen Sagengestalt ableiten, da das Ziel des ursprünglichem Walküren-plan die Machtsicherung des NS-Regimes war und dies sich z.T. Von den Aufgabe der Walküren der nordischen Mythologie ableiten lässt. Eben so könnte der Name sich auf den „Ritt der Walküre“, ein Opernstück von Richard Wagner, beziehen, welches während des zweiten Weltkrieges als propagandistisches Mittel verwendet wurde. </p> <hr>
</div> </div></body></html>HTML
body{ width: 100%; margin: auto; }.container { width: 960px; margin: 0 auto; }.header { background: #2E9AFE; width: 100%; height: 180px; top: 0; position: fixed; }.logo { float:left; font-family: "Helvetica"; font-size: 30px; }a { text-decoration: none; color: #fff; }li { list-style: none; float: left; margin-left: 0px; padding-top: 0px; padding-left: 0px; font-family: "Helvetica"; font-size: 20px; }.nav { float: right; }.picOne { text-align: center; padding-top: 150px; }.fliess { clear: left; float:left; margin: 0px 10px 0px 0px; }.platzhalter { width:10px; height: 50px; float: left; }.cap { width: 960px; margin: 0 auto; font-family: "Helvetica"; font-size: 30px; }.content{ font-family: "Helvetica"; font-size: 20px; }.info {border-width:medium; border-color:#9999FF; border-style:dashed; padding:5px; }.myButton { -moz-box-shadow:inset 0px 1px 3px 0px #6ec2b7; -webkit-box-shadow:inset 0px 1px 3px 0px #6ec2b7; box-shadow:inset 0px 1px 3px 0px #6ec2b7; background-color:#91a39e; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:12px 30px; text-decoration:none; text-shadow:0px -1px 0px #3b4745;}.myButton:hover { background-color:#6be0e0;}.myButton:active { position:relative; top:1px;}
.slogan{ font-family: "Helvetica"; font-size: 30px; color: #fff; }