Als Beispiel:
CSS
.box {
float: left;
width: 200px;
height: 350px;
margin: 3em;
background-color: #D1D1E4;
border-radius: 0 0 18px 18px;
box-shadow: 0px 5px 0px 0px #E3E7E8;
}"float: left;" macht, dass die Boxen immer nebeneinander angezeigt werden.
HTML
<div class="box">Inhalt</div>Um noch mehr über das Design dieser Boxen zu erfahren oder um die Copy & Paste Examples zu holen:
css box shadow css box round corners
Allgemein kann man im CSS Dinge in den hintergrund stellen indem man einen Index hinzufügt für die gewünschten Elemente:
z-index: 100;100 bedeutet ganz weit vorne
-100 bedeutet ganz weit hinten
Ich glaube du brauchst ein Beispiel dafür, weshalb du diese Website besuchen solltest:
Website Template Free Download
Diese Website hilft euch, ein Hintergrundvideo in eure Webseite einzubinden, welches automatisch abgespielt wird, ggf. ohne ton ist und den ganzen Bildschirm ausfüllt (also Vollbild). Die Webseite benutzt selbst ein Hintergrundvideo, sodass ihr gleich ein Beispiel sehen könnt, wie so ein "Backgroundvideo" wirkt. Des weiteren bietet diese Seite eine Website Vorlage an, welche ebenfalls ein Hintergrundvideo enthält.
Website Template Free Download
Ihr könnt auch gerne eure Webseiten hiereinposten, welche ein Hintergrundvideo enthalten. 
Navigationsleisten kann man nicht im Header einfügen (oder soll man nicht).
Mach doch einfach den "Header ganz klein" sodass der Body gleich oben ist (im css:
body {
top: 0px;
}
Konnte ich damit deine Frage beantworten?
Gruß
Website Template Free Download
- - - Aktualisiert - - -
Achsooooo...
Du musst im CSS bei Body das machen (ungefähr)
body {
top: 200px;
}und dann hast du schonmal diesen Abstand oben.
Der Body sollte zumindest im "container" sein
Der Container sieht im CSS so aus:
.container {
background-color: black;
position: relative;
width: 980px;
margin: auto;
}Dadurch ist der Hintergrund im Container black...
Den Container fügst du im HTML-Dokument so ein:
<div class="container">
<body>TEXTundSO</body>
</div>Der Body ist standardmäßig weiß, weshalb nun alles außerhalb des Bodys schwarz ist.
Um jetzt im schwarzen Balken oben das Logo einzufügen, musst du dieses im schwarzen Container einfügen, oberhalb des Bodys.
ALSO:
<div class="container">
<img src="logo.jpg" awidth="" height="" alt="description of the picture">
<body>TEXTundSO</body>
</div>Ich habe mir hiermit wirklich Mühe gegeben und ich hoffe du weißt dies zu schätzen
Falls du weitere Hilfe benötigst, dann findest du hier einen kurzen übersichtlichen Guide, wie man eine Homepage erstellt und hochlädt mit Screenshots:
how to create a website
Vielen Dank, dass du nicht am flamen bist! Ich werde die aufgezeigten "Fehler" / Verbesserungsvorschläge beherzigen
Meine Webseite hat jetzt eine ziemlich große Veränderung hinter sich (in den meisten Unterseiten zumindest). Ich bitte um eure Meinung zu dieser Seite (und deren Unterseiten): http://www.website-html-template.com/applications/
Ich habe mich, nachdem ich in diesem Forum derbe Kritik empfangen habe, mit dem Thema CSS auseinandergesetzt. Deshalb wollte ich wissen, ob ihr Anregungen für mich (für diese Unterseite) habt. Ich bitte auch darum, mir Fehler aufzuzeigen, da ich immer noch relativ neu in Sachen Webseiten bin
Gruß
Website Template
Meine Webseite hat jetzt eine ziemlich große Veränderung hinter sich (in den meisten Unterseiten zumindest). Ich bitte um eure Meinung zu dieser Seite (und deren Unterseiten): http://www.website-html-template.com/applications/
Für Grundlagen zu Tabellen allgemein: http://www.website-html-template.com/htmlcodes/tables/
Hi!
Ich habe vor ein paar Wochen angefangen HTML zu lernen und habe zugleich meine erste Website erstellt: http://www.website-html-template.com/
Ich möchte nun von euch wissen, wie ich diese weiter optimieren kann (hauptsächlich vom Layout her).
Da ich noch relativ neu im Thema Homepage und SEO bin ist es für mich schwierig die wichtigen Suchwörter, etc. im HTML Script einzugeben, die meine Seite bei bspw. Google gut beschreibt.
Für Tipps / Tricks / Kritik bin ich sehr dankbar.
Hier: http://www.website-html-template.com/
Mit Guide und nützlichen HTML Codes.