Hallo Stef,
vielen Dank, du hast mir sehr weitergeholfen.
Nun stehe doch vor einem Problem.
Und zwar habe ich auf meiner Seite <link href="header.html" rel="import" /> eingefügt, was auch geklappt hat.
Allerdings zeigt jetzt nur den Menü-Hintergrund an und die Menüpunkte nicht.
Könntest du mir vielleicht ein Beispiel senden, wie das header.html aussehen sollte?
Lg Niklas
Hallo zusammen,
ich habe gerade unter index.html ein Menü erstellt. Auch das Design ist soweit fertig.
Allerdings möchte ich das Menü nicht auf jeder Seite neu schreiben, sondern nur auf einer seite haben und dies dann mit den anderen Verbinden.
Sodass ich beim ändern des Menüs nicht jeder Seite extra aufrufen muss.
Kann mir da jemand weiterhelfen?
Lg Niklas
Hallo,
zuletzt habe ich Webseite immer mit HTML erstellt. Nun möchte ich mal eine vollkommen moderne Webseite mit einer Datenbank erstellen, so wie transfermarkt.de
Wisst ihr wie vielleicht die Webseite aufgebaut ist und wie man es so ähnlich wie dort hinbekommt?
Möchte die Webseite gerne mal zum Ausprobieren von PHP mal nachmachen.
Kann mir da jemand weiterhelfen?
Lg Niklas
Hat alles geklappt, besten Dank!
basti1012 Wie kann man den die Schriftgröße vom Uhr js ändern und gibt es sowas auch mit Datum?
Vielen Dank! Wo finde ich denn eine Anleitung zum erstellen eines Menüs mit HTML, CSS,...?
Kann man im Header auch ein Titelbild einfügen?
Danke aber ich möchte ja nicht die ganze Seite rot haben, ich werde Seite auf 1440px breite setzen und dann ist die ganze Seite rot... möchte ja nur die auf dem Bild markierten Abstände rot haben, siehe Bild (habe die betreffenden gewünschten Bereiche mit einer Farbe (mit Grafikprogramm) markiert.)
Alles anzeigenÜber Pn ist doof, deshalb schreibe ich es hier rein .
https://jsfiddle.net/basti1012/d4ao5kbh/59/
So das ist das letzte Script was du haben wolltest.
Links ist die html datei die du als index.html auf dein server speicherst.
Dann hast du die css datein .Die schmeist du in einer datei und speicherst die als css datei zb syls.css
Dann hast du die javascript datein ( Habe dir da mal eine laufene Uhr rein gebaut ) .
Die datein schmeist du in eine datei und speicherst die unter uhr.js.
Dann gehst duin der html datei rein und siehst oben <scriptsrc=""></script> da schreibst du den pfad zur javascript datei rein . Beim <link bla > machst du das gleiche mit der css datei .So hast du nun js und css ausgelagert ,wie man es eigentlich machen sollte. Ich kann die die links da nicht eintragen weil ich den pfad zu den datein nicht kennen kann . versch dein glück und melde dich
Hat besten geklappt! Vielen Dank 
Wie bzw. wo kann man denn nochmal den äußerlichen (nicht den innerlichen) Abstand auf 0px setzen?
Mein Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Willko,,em</title>
</head>
<body bgcolor="101028">
<style>
html, body {
height: 100%;
width: 1600px;
margin: auto;
padding: 0;
}
#wrapper {
display: flex;
background-color:aqua;
flex-direction: column;
height: 100%;
min-height: 100%;
}
header {
background-image: url('titel-kopf-background-nacht.gif');
margin:0px;
height: 80px;
}
#mehrspaltig {
flex: 1;
display: flex;
margin:0 6px 0 6px;
flex-direction: row; }
nav {
background-color: darkgray;
margin:6 6px 6px 6px;
}
article {
background-color: orange;
margin-right:6px;
flex: 5;
}
aside {
background-color: gray;
flex: 1;}
footer {
justify-content: space-between;
background-color:aqua;
margin:6px;
display:flex;
}
</style>
<div id="wrapper">
<header>Kopfzeile</header>
<nav >Navigation</nav>
<div id="mehrspaltig">
<article>Inhalt</article>
<aside>Zusatz</aside>
</div>
<footer>
<div id="foot_left">links</div>
<div id="foot_right"><script type="text/javascript">
var d=new Date();
document.write(d.toLocaleString());
</script>
</div>
</footer>
</div>
</body>
</html>welches beispiel .?Das was ich zuletzt gemacht habe ? Oder wie soll es jetzt werden ? Mach mal notfals eine zeichnung wie das aussehen soll fals das letzte beispiel von mir nicht richtig ist.. Warum index.php ? willst du da noch php datein rein machen?
Ich habe es bei mir als php Datei gespeichert, weil ich dort z.B. noch eine Uhrzeit drin habe, etc.
Nun möchte ich mein Design ja auf style.css verschieben aber das klappt nicht, wieso?
Ich habe es nun verschoben und leider funktioniert bei meiner Seite jetzt garnichts mehr...
basti1012 kannst du für mich mal so ein Beispiel erstellen, mit index.php und style.css?
Okay, danke... ich probiere das mal aus
Mit ein wennig nachdenken hättest du das auch hinbekommen .
Habe jetzt das bei mein code geändert weil dein code den must du ja noch etwas bearbeiten ,und die arbeit wollte ich dir nicht abnehmen. Aber mach weiter so ,es wird ja langsam
Ich habe es mitspace between versucht aber da bewegt sich nix ,also habe ich
es mit marin gemacht .Keine ahnung was ich mit space falsch mache
Vielen Dank! Ist es den richtig das ich das alles bei mir in den Index eingefügt habe?
hier hast du lienen
Vielen Dank! Ich möchte den Rand allerdings nur innen haben, also keinen Rand außen herum
Doch habe ich, hier:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Willko,,em</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="101028">
<style>
html, body {
height: 100%;
width: 1440px;
margin: auto;
padding: 0;
}
#wrapper {
display: flex;
flex-direction: column;
height: 100%;
min-height: 100%;
}
header {
background-image: url('titel-kopf-background-nacht.gif');
margin:6px;
height: 80px;
}
#mehrspaltig {
flex: 1;
display: flex;
margin:0 6px 0 6px;
flex-direction: row; }
nav {
background-color: darkgray;
margin:0 6px 6px 6px;
}
article {
background-color: orange;
margin-right:6px;
flex: 5;
}
aside {
background-color: gray;
flex: 1;}
footer {
justify-content: space-between;
background-color:aqua;
margin:6px;
display:flex;
}
</style>
<div id="wrapper">
<header>Kopfzeile</header>
<nav >Navigation</nav>
<div id="mehrspaltig">
<article>Inhalt</article>
<aside>Zusatz</aside>
</div>
<footer>
<div id="foot_left">links</div>
<div id="foot_right">rechts</div>
</footer>
</div>
</body>
</html>Ich habe die Grafik mit einem Grafikprogramm erstellt.....
Meine Seite sieht derzeit so aus:
Nun habe ich noch zwei Fragen:
1. Ich möchte gerne im inneren der Webseite (also wo im Bild die roten Linien sind) ein anderen Hintergrund haben. Aber wirklich nur da wo die roten Linien sind und sollen sich je nach Länge der Webseite automatisch anpassen.
(Bin nicht der beste Zeichner am PC 
)
2. Ist es möglich die Webseite so anzupassen, das wenn sie z.b. am PC egal wie klein oder groß man das Fenster macht die Webseite immer komplett angezeigt wird, ohne das man scrollen muss?
Ja viele haben so angefangen und einfach mal just for fun sachen ausprobiert.Mal klappts mal nicht und so lernt man auch dazu.
Aber wenn ich mich recht errinnere wahr in der letzten version doch alles wie du es wolltest ,.Ich hatte den abstand nur mit margin gemacht und wenn du den margin gelöscht hast ,hast du ja deine 2 container ohne abstand. Oder wolltest du das jetzt anders haben?
Hat jetzt alles geklappt, besten dank! 
Muss ich das dann einfach im footer einfügen Sempervivum ?
Das weis sogar ich ,Einfach die Zeile
Codemargin-right:6px;im foot_left löschen,dann ist der Abstand weg .Nur frage ich mich wozu dann 2 Boxen?
Danke! Es soll was links im Footer stehen und etwas rechts stehen und das ohne Abstand.
