Das Umschalten der Navigation wird an den Hamburger-Button gebunden durch diesen Code:
document.getElementById('hamburger-button');
button.addEventListener('click', toggleNav);
und ist daher nur bei Klick auf diesen wirksam.
Mein Code bewirkt, dass auch bei Klick auf die Links das Menü getoggelt wird.
Ob das zu jedem Menü dazu gehört, kann ich nicht sagen. Es hängt davon ab, wie man es haben will.
BTW: Hast Du dieses Menü selbst entwickelt?
Wenn Du dieses zum Javascript hinzu fügst, funktioniert es:
document.querySelectorAll("nav li a").forEach(function (ele) { ele.addEventListener("click", openNav) });Meinst Du dieses?
<a href="Webshop_Hauptseite.html"><img src="Logo.png" style="width: 100px; height: 50px;">
</a>bei mir ist die Verlinkung, wenn ich es im Browser teste immer über dem Bild und ganz an der linken Seite! Ich weiß nicht wie man das behebt!
Das ist genau das, was dieser Code bewirkt. Was möchtest Du den statt dessen erreichen? Dass die Verlinkung auf dem ganzen umgebenden div liegt? Dann musst Du das a-Tag außen herum legen:
<a href="Webshop_Hauptseite.html"><div class="blauesdiv"><img src="Logo.png" style="width: 100px; height: 50px;">
</div></a>BTW: Ich empfehle, auf absolute Positionierung zu verzichten. Meistens macht sie mehr Probleme als sie löst, vor allem, wenn die Seite responsiv sein soll
Hallo TheCrazyMen,
hast Du dir mein Fiddle nicht angesehen? Ich bin der Meinung, dass es genau das tut, was Du brauchst!
So würde es gehen:
https://jsfiddle.net/Sempervivum/k06avc4p/4/
Mal gespannt, ob jemand eine einfachere Lösung einfällt.
Ich verstehe dich so, dass das Seitenverhältnis des Rechtecks gleich bleibt, egal wie man das Fenster ändert. Soweit ich weiß, geht das nur mit Javascript, weil man mit CSS nur sehr eingeschränkt Berechnungen durchführen kann.
Ja, das ist kein Problem: Informiere dich über PHP-Include, damit kannst du dein Problem lösen.
Es gibt einige Bibliotheken für solche Grafiken für Statistiken, z. B. das Opensource chart.js. Pie- und Donut-Charts sind damit möglich:
http://www.chartjs.org/docs/#doughnut-pie-chart
Ohne den Code zu sehen, wird man den Fehler nicht finden können. Poste doch mal die URL der Seite.
Du kannst doch x und y angeben. Funktioniert dies nicht?:
transform: translate(0, 50px);<a>Home</a>Nein, so funktioniert es nicht. Lies hier:
Ich verwende dieses CSS:
img {max-width: 95%}Das Bild wird mit 95% der Breite des umgebenden Elementes dargestellt, aber nur wenn dieses Maß kleiner als die natürliche Größe ist.
Ich würde auf keinen Fall auf PHP verzichten, auch wenn Du es im Moment nicht einsetzt. Erfahrungsgemäß entwickelt sich eine Homepage und es ergeben sich immer neue Anforderungen, die in der Zukunft PHP erfordern können. Und man muss dabei die lange Laufzeit von günstigen Verträgen berücksichtigen.
Meinst Du, dass beim Hover der Text unterstrichen ist? Dann ändere dieses in common.css:
a:hover { color:#000000; text-decoration:underline;}BTW: Im Ahntal habe ich vor langer Zeit auch ein paar Mal Urlaub gemacht. Sind das deine eigenen Orchideen?
Dies sollte funktionieren:
https://pastebin.com/8rTnR4VR
Die Adressen der Bilder musst Du von deinem eigenen HTML übernehmen, sie sind beim Herunterladen geändert worden.
PS: Wenn Du vom Handy sprichst, empfehle ich, zu prüfen, ob ein Slider angebracht ist, der Touch-Bedienung durch Wischen links/rechts unterstützt, denn jeder, der ein Handy hat, ist das so gewohnt. Swiper z. B. kann das.
Da hast Du wieder einen Slider gefunden, der es ein bisschen schwer macht, mehrere Instanzen einzurichten. Baue doch mal auf der Seite eine zweite Slideshow ein, HTML ist ausreichend und poste die URL. Dann werde ich es zum Laufen bringen. Wenn Du die Seite nicht öffentlich machen möchtest, weil sie nicht richtig funtioniert, dann lege eine temporäre Kopie an.
Sehr gut, das funktioniert! Kannst Du kurz die Lösung verbal erklären?
Ich habe mal mein Glück versucht und bin leider nicht zum Ziel gekommen:
https://jsfiddle.net/zayuh36a
(Nur Angebot und Preise mit #angebot)
Der Knackpunkt ist dieses:
<p><a href="#angebot"><label for="sn_menu01_close" class="close">Angebot und Preise</label></a></p>Ich habe einen weiteren Radiobutton eingeführt, der das Schließen veranlasst. Diese Zeile müsste jetzt sowohl diesen Radiobutton auf checked setzen als auch das Linkziel anspringen. Leider bekomme ich es nicht hin, dass beides gleichzeitig funktioniert. Offenbar ist es problematisch, interaktive Inhalte so zu kombinieren.