Nicht wegen deinem Code, eher wegen Fehlern, die in einem Onlineshop schon mal schnell große Konsequenzen haben können. Wo viel Geld und sensible Daten im Spiel sind, muss man immer alles mögliche beachten. 
Ich würde dir schlicht und ergreifend empfehlen, entweder das Geld in einen professionellen Entwickler zu stecken oder einen vorgefertigten Onlineshop zu suchen.
Danke, aber das liegt schlicht und ergreifend daran, dass ich bisher noch fast gar nicht mit JS gearbeitet habe bzw. gerade damit anfange. Bisher immer nur mit HTML, CSS und PHP gearbeitet.
Ist das für ein reales Projekt von dir, sprich: wird das mal ein echter Onlineshop, oder ist das nur zum Spaß? Weil als Laie einen Onlineshop selbst zu entwickeln ist fast schon grob fahrlässig... Da kann man so schnell den Anwalt vor der Tür stehen haben, das glaubt man kaum. 
Des Weiteren nutzt du veraltete Technologien, wie z.B. MySQL. Heute solltest du sicherheitshalber auf MySQLi oder PDO inkl. Prepared Statements umsteigen, um mit deiner Datenbank zu interagieren.
Alles klar. Es funktioniert nun auf alle Fälle. Danke dir.
Ja, ist von mir selber entwickelt. Warum?
Alles klar. Werde ich ausprobieren.
Weißt du zufällig, woran es lag? Oder gehört deine Ergänzung sozusagen immer zu jedem JS-Menü dazu?
Nabend zusammen,
bin aktuell dabei mal ein bisschen was mit JS anzufangen und habe nun eine Navigation, die mittels JS geöffnet und geschlossen wird, gebastelt.
Das Ganze funktioniert eigentlich auch einwandfrei, nur passiert bei einem Klick auf ein Menüpunkt nichts. Eigentlich möchte ich natürlich, dass die Navigation dann auch geschlossen wird.
Komme gerade nicht drauf, woran das liegen könnte und wäre dementsprechend für Tipps dankbar.
Hier ist der Code: http://codepen.io/jr-cologne/pen/wJVboz
Gruß,
JR Cologne
CMS Template: Für gewöhnlich eine Art Layout/Designvorlage für deine Seite, das von einem bestimmten CMS abhängig ist und eigentlich nur damit verwendet werden soll. Der Content der Seite kommt dann sozusagen durch das CMS und das Template stülpt das Design über, damit alles gut aussieht.
Admin Template: Das Gleiche wie zuvor, nur eben für den Admin-Bereich, würde ich sagen.
PSD Template: Eine Photoshop-Datei, worin ein Design erstellt wurde, nur reine Bilder! Das ist nichts, was du effektiv für deine Website nutzen kannst.
Sketch Template: Das Gleiche wie zuvor, nur diesmal Sketch statt Photoshop.
Wenn du meinst, dass das für deine Seite gut ist, mach es mit iFrames. Alternativen, die valide sind, gibt es nicht und selbst diese Lösung würde ich eher als ziemlich unsauber bezeichnen. Also definitiv keine Empfehlung!
Normalerweise reicht es aus, z.B. mit section verschiedene Bereiche abzugrenzen und diesen dann headings (h1-h6) zu geben.
Nein, höchstens mit iFrames...
Was willst du denn überhaupt erreichen und wieso meinst du, dass das wichtig wäre?
Es gibt genug Möglichkeiten um in HTML unterschiedliche Bereiche/Sektionen abzugrenzen. Warum ausgerechnet das?
Auf der Fontawesome-Website, findest du alles dazu: http://fontawesome.io
Jep, du solltest zum Hashen eines Passworts definitiv auf PHP und die neue Passwordhashing-API zurückgreifen. Der Hash dieser Password-Funktion von MySQL ist bei weitem zu schwach.
Das könnte wahrscheinlich jeder Anfänger in ein paar Minuten knacken.
Mehr dazu auch nochmal hier: http://php.net/manual/de/faq.passwords.php
Ich habe dir mal kurz ein mögliches Markup runtergeschrieben. So ähnlich könntest du es aufbauen, definitiv nicht perfekt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispielaufbau</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<a href="index.html" class="home-button_wrap">
<img src="home-button.svg" class="home-button">
</a>
<h1>Text</h1>
<a href="index.html" class="menu-button_wrap">
<img src="menu-button.svg" class="menu-button">
</a>
</header>
<main>
<section class="top">
<div class="infobox">
<p>Erklärungstext hier</p>
</div>
</section>
<section class="main">
<section class="left">
<ul>
<li>Name 1</li>
<li>Name 2</li>
<li>Name 3</li>
<li>Name 4</li>
</ul>
</section>
<section class="middle">
<div class="switcher">
<a href="#" class="left-arrow_wrap">
<img src="left-arrow.svg" class="left-arrow">
</a>
<form action="" method="get" class="date-picker_wrap">
<input type="date" class="date-picker">
</form>
<a href="#" class="right-arrow_wrap">
<img src="right-arrow.svg" class="right-arrow">
</a>
</div>
<div class="showcase">
<ul>
<li>Liste Element 1</li>
<li>Liste Element 2</li>
<li>Text ...</li>
<li>Text ...</li>
<li>Text ...</li>
</ul>
</div>
</section>
<section class="right">
<ul>
<li><a href="#" class="button">Button 1</a></li>
<li><a href="#" class="button">Button 2</a></li>
<li><a href="#" class="button">Button 3</a></li>
</ul>
</section>
</section>
</main>
</body>
</html>Anschließend müsstest du deinem HTML die Styles verpassen. Für den Anfang würde ich erstmal im Wesentlichen mit width, margin, padding und float arbeiten.
Besonders float ist zwar nicht mehr die allerneuste Technologie, aber immer noch völlig ok und für Anfänger ist das vermutlich erstmal einfacher.
Falls es weitere Fragen gibt, nur raus damit. Versuche am besten aber erstmal selber anzufangen, denn so lernt man es am leichtesten.
Nutze ich mittlerweile ebenfalls. Und zwar auf Handy und PC. Auch von mir eine klare Empfehlung! 
Das geht mit .htaccess und einem 301-Redirect.
Einfach mal bei Google eingeben...
Wenn dir ein Responsive Webdesign mit einer vernünftigen Usability nicht wichtig ist, kannst du das machen.
Ansonsten solltest du auf alle Fälle davon Abstand nehmen, da es spätestens auf Tablets bzw. Smartphones unmöglich sein wird, den Text in eine Zeile zu bekommen und man ihn gleichzeitig noch halbwegs lesen kann.
Du wirst wohl kaum um iFrames herum kommen.
Erstmal sind iFrames nicht responsive, aber sie lassen sich zumindest mit ein wenig mehr Aufwand responsive machen.
Man muss eventuell den einen oder anderen Kompromiss eingehen, aber immerhin funktioniert es halbwegs...
Schau vielleicht mal hier vorbei: https://benmarshall.me/responsive-iframes/
Das wusste ich auch noch nicht. Nettes Feature.
Die zweite Variante.
Vererbte Styles kannst du auch in den Chrome-DevTools finden. Sie sind dort untergebracht, wo alle CSS-Styles angezeigt werden, wenn du auf ein Element klickst.
Ich muss einfach den Server localhost installieren und dann den Ordner mit der Website in den Serverordner ziehen oder?
Genau. Damit deine Seite auf dem lokalen Webserver liegt, musst du sie in den Ordner "htdocs" verschieben.
Die Tabelle selber ist nicht das Problem. Das Problem liegt bei der Verwendung von alten HTML-Attributen wie z.B. align. Das Styling erfolgt mittlerweile komplett über CSS und nicht über HTML.
Tut mir leid, wenn ich mich da ein wenig irreführend ausgedrückt habe.