Im Codepen ist ja das Javascript, HTML, CSS direkt sichtbar und da finde ich dieses:
$subMenu.toggleClass('show');
d. h. die Klasse show wird umgeschaltet.
Außerdem gibt es die Entwicklerwerkzeuge des Browsers, dort kann man im HTML-Inspektor beobachten, wie diese Klasse auftaucht und verschwindet. Diese sind sehr nützlich bei der Entwicklung, wenn Du damit noch nicht vertraut bist, dann informiere dich darüber.
PS: Ich habe gerade in deinen Codepen geschaut, da wird eine Klasse show gesetzt, die das Ausklappen steuert.
Häufig ist das so realisiert, dass das Auf- und Zuklappen über Klassen gesteuert wird. Wenn das der Fall ist, kannst Du diese Klassen verwenden um die Farbe zu ändern.
Außerdem, werden die Submenüs ja jetzt immer untereinander geöffnet. Kann man das noch irgendwie einstellen, dass die Subs eine andere Farbe erhalten, wenn geöffnet?
Bestimmt, nur an deinem Codepen kann man es nicht nachvollziehen, das Menü öffnet sich nicht, wenn der Hamburger da ist.
Hat sich damit die erste Frage aus Posting #9 erledigt?
gibts es die Möglichkeit bei bestimmter bildschirmgröße das Menü schon auf das symbol zu reduzieren?
Wenn ich mich richtig erinnere, unterstützt Boostrap solch ein Menü mit einem Hamburger-Symbol. Wirf mal einen Blick in die Doku.
Berechnen kann man praktisch alles, wenn man Javascript einbezieht. Post doch Mal das HTML und CSS.
Schau mal, ob dir dies weiter hilft:
Ich bin bei all-inkl, dort sind sehr viele Domains inklusive, auch .at. Bin sehr zufrieden dort.
Wahrscheinlich geht das auch ohne zusätzliche Klasse, wenn du die Unterpunkte der ersten Stufe gezielt adressierst:
.nav-menu>ul>li>a {
border: solid;
border-width: 0px 1px 0px 0px;
border-color: #000;
}
.nav-menu>ul>li:last-child>a {
border-right:none;
}Versuche dies:
// Dein Wert aus der Datenbank in $gender, 'male' oder 'female'
echo '<input type="radio" name="gender" value="male"' . ($gender == 'male' ? 'checked' : '') . '>';
echo '<input type="radio" name="gender" value="female"' . ($gender == 'female' ? 'checked' : '') . '>';Und beim umgekehrten Wege, Eintragen in die Datenbank, findest Du den Wert, wenn Du das Formular mit POST überträgst, unter $_POST['gender'].
Um nicht nur Einwände zu liefern sondern auch eine Lösung habe ich mal eine Demo gemacht mit einem Footer, der unten am Seitenrand liegt und nach unten weg geht, wenn der Inhalt darüber expandiert wird. Wie man sieht, ganz ohne absolute Positionierung:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo Footer mit expandiertem Inhalt</title>
<style>
html,
body {
height: 100%;
}
body {
margin: 0;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
header {
flex: 0 0 15vh;
background-color: lightgray;
}
footer {
margin-top: auto;
flex: 0 0 2em;
background-color: lightgray;
}
main section {
height: 0;
overflow: hidden;
background-color: lightblue;
}
input {
display: none;
}
input:checked~section {
/* Nur zur Demo, damit das Element genügend groß ist*/
height: 120vh;
}
</style>
</head>
<body>
<header>
Kopfzeile
</header>
<main>
<h1>Dies ist die Überschrift</h1>
<label for="input-expand">Klicken zum Aufklappen</label>
<input type="checkbox" id="input-expand">
<section>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem
ipsum
dolor sit amet.
</section>
</main>
<footer>
Fußzeile
</footer>
</body>
</html>Was mir noch auffällt: Wie so häufig eine Inflation von div-Containern. header ist ok, aber warum müssen da noch zwei divs drin sein? Ebenso beim main. Kein Wunder wenn man da beim Styling die Übersicht verliert.
Erster Treffer:
https://www.w3schools.com/howto/howto_css_bottom_nav.asp
Typisches Problem bei der Googelei: Gefühlte 70% der Anleitungen sind veraltet:
.navbar a { float: left;
W3schools ist i. all. ganz OK, aber in diesem Fall keine Ausnahme.
Und die Entwickler schlagen dann im Forum auf:
"Hilfe, meine Elemente überlappen sich, was soll ich tun?"
"Hilfe, wie kann ich dieses Layout verwirklichen?"
Ich vermute Mal, Du meinst das Einlesen mit DOMDocument? In dem Fall lies mal hier:
https://stackoverflow.com/questions/8218…utf-8-correctly
DOMDocument::loadHTMLwill treat your string as being in ISO-8859-1 unless you tell it otherwise. This results in UTF-8 strings being interpreted incorrectly.
Offensichtlich verwendest Du Bootstrap4 und das BT4 ist ein Schreibfehler.
Das Thema von Multilevel-Menüs wird hier diskutiert:
https://stackoverflow.com/questions/4446…side-navigation
und sie schreiben:
- But is there any built in method from bootstrap for this multilevel dropdown ?
There is none. Therefore this solution. As far as i remember, the bootstrap developers think that multilevel dropdowns are not a good ui design. But in my opinion there are cases where multilevel dropdowns are ok.
also kein Unterstützung durch Bootstrap.
Es werden dort aber Lösungen angegeben, wie man das Bootstrap-Menü mit zusätzlichem CSS und jQuery erweitern kann.
Gerade sieht es auf der Seite so aus, dass die gifs sich im Loop abspielen und nur zu sehen sind wenn man mit der Maus drüber fährt. Ich habe darüber schwarze Rechtecke (als png-Bilder) gesetzt die, die ganze Zeit zu sehen sind und dementsprechend verschwinden wenn man mit der Maus drauf kommt.
Dann bist Du ja schon relativ weit 
Den Start der Animation eines GIFs kannst Du erzwingen, indem Du das src-Attribut neu setzt, zur Sicherheit mit einem Zeitstempel, damit die URL eine andere ist:
<img id="gif1" src="gif.gif">
<script>
document.getElementById('gif1').src = 'gif.gif?time=' + Date.now();
<script>Allerdings lässt sich der Ablauf eines GIFs durch Javascript nicht steuern und es gibt auch keine Events z. B. für das Ende der Animation. Wenn ein GIF nur einmal spielen soll, musst Du das im GIF selber so anlegen oder es durch einen Timer wieder unsichtbar machen. Was nicht hundertprozentig genau wäre, aber ein gangbarer Weg.
Das ist ein etwas verzwicktes Verhalten von append: Das Element wird in dem Fall nicht geklont sondern immer nur vom alten an den neuen Platz verschoben, so dass es am Schluss im letzten Element steht. Lösung leicht, indem innerhalb der Schleife jedes Mal ein neues Buttonelement erzeugt wird:
Ich vermute ein Problem bei der Umleitung mit .htaccess. Habe vor längerer Zeit selber mal so etwas eingerichtet und hatte genau das gleiche Problem. Leider verstehe ich die kryptische Syntax nicht und kann daher keine konkreteren Hinweise geben.
Guten Morgen Stef,
ich denke schon. Dies ist wohl der Kern der Sache:
Dies ist ja der Fall weil Quantum1500 !== Quantum1800
Deshalb ist bei dem ersten Code immer eine der Bedingung erfüllt und weil sie verodert sind, kommt man zwangsläufig in den then-Zweig hinein.