Moin,
ich hadere schon lange daran und komme einfach nicht weiter. Könnte mir da jemand weiterhelfen? Das wäre echt lieb. Es handelt sich um folgende Seite: https://jsfiddle.net/1zwLxr8b/.
Es geht um das Hauptmenü. Ich möchte daraus gerne eine Toggle-Navigation bauen, wie hier im Beispiel https://be-responsive.de/thumb…4-toggle-1217x660-q92.jpg. Vielen Dank im Voraus!
Hallo,
ich habe zwei Fragen zum Thema Navigation, ich hoffe ich kann mein Problem so gut wie möglich erklären.
1.) Ich benutze für meine Navigation auch eine Sub-Navigation. Ich möchte wenn ich z.b. auf der Seite "Spieler" sein automatisch die die Subnavigation an einen bestimmten Punkt (siehe Bild) angezeigt wird und ich möchte das über eine Datei alles ändern können oder es auf allen Seiten einzeln zu ändern.
html-seminar.de/woltlab/attachment/2591/
2.) Außerdem möchte ich das beim Menü automatisch die Link class a:active angewendet wird, ohne das ich das separat auf allen Seiten einzeln einstellen muss.
Ich muss dazu sagen das dass Menü von einer Datei kommt, die ich überall mit php include eingefügt habe.
Ich hoffe ihr könnt mir weiterhelfen 
Wie macht man das denn für das Handy?
Hallo,
die Frage ist ein wenig kompliziert aber ich versuche es so gut wie möglich zu erklären.
Wenn man zum Beispiel die Seite transfermarkt.de mit Chrome übers Handy aufsucht ist der Browser-Header mit der Farbe der Seite versehen.
Wie kann man sowas auch für seine Seite machen?
Viele Grüße
Niklas
Weil du vermutlich einen Fehler in der .htaccess hast.
So sieht es in meiner Datei aus:
Options -MultiViews
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /$1.php [QSA,L]Ich verstehe nur Bahnhof
Also, die Wörter style, intern und images sind Ordner die ich an meinen Computer erstellt habe, siehe Bild:
html-seminar.de/woltlab/attachment/1586/
Und in der Datei .htaccess ist die Einstellung mit der php-Endung, damit sie nicht angezeigt wird.
Bei index klappt das, bei impressum.php welches im Ordner intern ist, funktioniert es nicht.
Aber wieso geht das nicht?
Lg Niklas
Hallo,
meine Webseite ist an meinen Computer wie folgt sortiert:
.htaccess
index.php
style
-> style.css
intern
-> impressum.php
images
-> logo.png
Aber was mache ich falsch? Denn das mit der php-Endung funktioniert nur bei index.php. Wie kann ich dies auch mit impressum.php verbinden?
Lg Niklas
Hallo,
leider kann ich meine Seite Kontakt nicht mit mein style.css verbinden
Und zwar liegt mein style.css im folgen Ordner: Webseite, dann im Unterordner intern liegt die Seite Kontakt.
Welchen Link muss ich jetzt eingeben um meine Seite mit style.css zu verbinden?
Hallo zusammen,
wenn ich jetzt zum Beispiel eine Untermenü aufrufe zeigt es testseite.de/termine.php an, ich möchte es aber so haben das, die php-Endung nicht angezeigt wird, also testseite.de/termine.
Wie bekomme ich sowas hin?
Lg Niklas
Hallo CuzlmCloud,
dürfte ich mir mal deine Webseite anschauen?
Lg Niklas
Hallo zusammen,
nun hätte ich da noch eine Frage.
Und zwar fehlt bei mir jetzt nur noch der Header, bevor ich nun endlich mit der Webseite anfagen kann.
So sieht mein Header aktuell aus:
html-seminar.de/woltlab/attachment/1585/
Auf der linken Seite soll ein Logo hin und auf der rechten Seite ein Suchfeld.
Auch nach mehreren Versuchen habe ich es nicht hinbekommen.
Kann mir da jemand helfen?
Lg Niklas
Hallo Stef,
kannst du mir vielleicht ein Beispiel zeigen für eine Seitenleiste, bzw. mir sagen wie man das macht?
Habe das gerade nicht hinbekommen.
Lg Niklas
Vielen Dank!
Nun haben sich alles geklärt 
Allerdings habe ich jetzt noch eine Frage.
Und zwar habe ich jetzt ein Inhaltsbereich, was bei mir "main" heißt.
Nun möchte ich auch noch eine Seitenleiste erstellen, die rechts neben "main" sein soll.
Kann mir da jemand weiterhelfen?
Lg Niklas
Hey,
vielen Dank
Leider wird das Menü trotzdem nicht angezeigt.
Bei mir in der Datei menue.html steht folgendes:
<header>
<nav>
<ul>
<li><a href='#'>Punkt1</a></li>
<li><a href='#'>Punkt2</a></li>
<li class='submenu'><a href='#'>Punkt 3</a>
<ul class='megamenu'>
<div class='column'>
<ul>
<h4>Überschrift</h4>
<li><a href='#'>Punkt3a</a></li>
<li><a href='#'>Punkt3b</a></li>
<li><a href='#'>Punkt3c</a></li>
<li><a href='#'>Punkt3d</a></li>
</ul>
</div>
</ul>
</li>
<li class='submenu'><a href='#'>Punkt 4</a>
<ul class='megamenu'>
<div class='column'>
<ul>
<h4>Überschrift</h4>
<li><a href='#'>Punkt4a</a></li>
<li><a href='#'>Punkt4b</a></li>
<li><a href='#'>Punkt4c</a></li>
<li><a href='#'>Punkt4d</a></li>
</ul>
</div>
</ul>
</li>
<li><a href='#'>Punkt5</a></li>
<li><a href='#'>Punkt6</a></li>
</ul>
</nav>
</header>Was ist da falsch?
Lg Niklas
Hallo,
ich habe jetzt folgen index.php-Inhalt:
<!DOCTYPE html>
<html lang="de">
<head>
<title>Webseite</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class='wrapper'>
<header>
Hier ist der Kopfbereich
</header>
<nav>
Hier die Navigation
</nav>
<section>
Hier der Inhaltsbereich
</section>
<footer>
Hier ist der Fußbereich
</footer>
</div>
</body>
</html>Wo genau muss ich jetzt den von dir genannten Code @Ste einfügen, um den Header & Navigation, sowie den Footer auszulagern?
Lg Niklas
Hallo,
ich werde nun das Programm "Sublime Text" benutzen.
Außerdem werde ich die Seite neu schreiben.
Was genau muss den oben am Code geändert werden?
Das ich index.php über den Browser öffne, ist richtig.
Lg Niklas
Alles anzeigenHey,
du benutzt noch das veraltete HTML. Das aktuelle HTML ist die Version 5. Aktualisiere bitte deine Scripte zu HTML5.
Tags wie <content> oder <sidecontent> sind veraltet. Deweiteren hast du da ein Sonderzeichenproblem. Liegt dieses villt.
an dem Editor welchen du benutzt? Speichere deine Datei mal als UTF-8 ohne BOM ab
Wenn du HTML5 noch nicht kennst dann schau unter folgendem Link nach: HTML5 lernen. Dort wird dir alles über HTML5 erklärt.
Die PHP Datei funktioniert nur in Xampp (beim Apache-Server) oder auf dem Webspace wo PHP auch unterstützt wird. Wenn du die index.php im Browser direkt aufrufst, wird der PHP-Teil nicht ausgeführt.
Wenn du PHP-Dateien lokal ausführen willst empfehle ich dir Xampp und wenn du es online ausführen willst dann melde dich bei einem Freehoster an und lade die Dateien hoch. Ich rate dir dies lokal zu machen. Erst wenn alles soweit steht würde ich es hochladen.
Melde dich dann nochmal wenn du dein HTML aktualisiert hast und die Index.php über Xampp aufgerufen hast.
Grüße,
Stef
Hallo Stef,
vielen Dank.
Ich kenne mich da leider noch nicht so aus. Wo kann man denn HTML aktualisieren?
Ich benutze den Editor von Microsoft. Kannst du mir vielleicht ein besseren Empfehlen?#
Lg Niklas
Hallo Stef,
die PHP-Datei öffne ich über meinen Browser (firefox). Aber auch schon als HTML-Datei wurde es nicht angzeigt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<title>Webseite</title>
<style type="text/css">
.auto-style1 {
font-size: large;
}
</style>
</head>
<div id=body>
<div class="wrapper">
<div id=header>
<img height="62" src="../../Pictures/tent2.png" width="156" /></div>
<div id=menue>
<?php
include("header.html");
?>
</div>
<div id="mehrspaltig">
<div id="links">
<content class="box">
text
</content><content class="box">Inhalt2</content>
</div>
<div id="rechts">
<sidecontent class="box">
text<br/>
<hr />
text
<br/>
Tel.
</sidecontent>
<sidecontent class="box">Zusatz2</sidecontent>
</div>
</div>
</div>
</div>
</html><header>
<nav>
<ul>
<li><a href="#">STARTSEITE</a></li>
<li><a href="#">NEWS</a></li>
<li class="submenu"><a href="#" title="Unser Produktsortiment">CIRCUSWELTEN</a>
<ul class="megamenu">
<div class="column">
<ul>
<h4>National</h4>
<li><a href="#">A - B</a></li>
<li><a href="#">A - B</a></li>
<li><a href="#">A - B</a></li>
<li><a href="#">A - B</a></li>
<li><a href="#">Sonstiger Speicher
</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Grafikkarten</h4>
<li><a href="#">AMD</a></li>
<li><a href="#">Nvidia</a></li>
<li><a href="#">Sonstige</a></li>
<li><a href="#">Kühler</a></li>
<li><a href="#">Zubehör</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Grafikkarten</h4>
<li><a href="#">AMD</a></li>
<li><a href="#">Nvidia</a></li>
<li><a href="#">Sonstige</a></li>
<li><a href="#">Kühler</a></li>
<li><a href="#">Zubehör</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Prozessoren</h4>
<li><a href="#">AMD</a></li>
<li><a href="#">Intel</a></li>
<li><a href="#">Sonstige</a></li>
<li><a href="#">Kühler</a></li>
<li><a href="#">Zubehör</a></li>
</ul>
</div>
</ul>
</li>
<li class="submenu"><a href="#">STATISTIK
</a>
<ul class="megamenu">
<div class="column">
<ul>
<h4>National</h4>
<li><a href="#">A - B</a></li>
<li><a href="#">A - B</a></li>
<li><a href="#">A - B</a></li>
<li><a href="#">A - B</a></li>
<li><a href="#">Sonstiger Speicher
</a></li>
</ul>
</div>
</ul>
</li>
<li class="submenu"><a href="#">FOREN
</a>
<ul class="megamenu">
<div class="column">
<ul>
<h4>Foren National</h4>
<li><a href="#">Circusforen</a></li>
<li><a href="#">Circusforen</a></li>
<li><a href="#">Circusforen</a></li>
<li><a href="#">Alle Foren</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Foren International</h4>
<li><a href="#">Österreich</a></li>
<li><a href="#">Frankreich</a></li>
<li><a href="#">Italien</a></li>
<li><a href="#">Alle Foren</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Sonderforen</h4>
<li><a href="#">Redaktionsforen</a></li>
<li><a href="#">Sammelsorium</a></li>
<li><a href="#">User fragen...</a></li>
<li><a href="#">Alle Foren</a></li>
</ul>
</div>
</ul>
</li>
<li class="submenu"><a href="#">INTERN</a>
<ul class="megamenu">
<div class="column">
<ul>
<h4>Meine CiDa</h4>
<li><a href="#">Circusprofil hinzufügen</a></li>
<li><a href="#">Circusprofil ändern</a></li>
<li><a href="#">Circusnoten</a></li>
<li><a href="#">Circus des Jahres Wahl</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Diverses</h4>
<li><a href="#">FAQ</a></li>
<li><a href="#">CiDa-Chronik</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Social Media</a></li>
</ul>
</div>
<div class="column">
<ul>
<h4>Interaktiv</h4>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Ãœber uns</a></li>
</ul>
</div>
</ul>
</li>
</ul>
</nav>
</heLg Niklas
Hallo Stef,
ich habe jetz meine index-Datei als index.php abgespeichert und die header-Datei als header.html
Ist das richtig?
Leider wird im Menü weiterhin nur der Hintergrund angezeigt (siehe Bild). Wieso?
Lg Niklas
Hallo Stef,
vielen Dank.
Bei meinen HTML-Dokument steht ja am Anfang <html>.
Was ich muss ich den stattdessen hinschreiben, wenn ich ein php-Dokument habe?
Lg Niklas