Aktueller Inhalt von Oliver77

Hover ist quasi Touch.

max-width: 1080px !important; /* Bild wird nie breiter als der Container */ width: 100% !important; So würde ich es machen, funktionert das?

Hi danke für deine Ideen. Gucke ich mir mal genauer an, wenn ich die Zeit habe.

Hallo danke für das ausführliche Feedback, ich habe jQuery genommen, weil ich das Script für Wordpress verwende, und da ist es ja standardmäßig inkludiert- also warum nicht jQuery nehmen. Ich habe SetTimeout verwendet, weil .offset().top einen falschen Wert liefert, wenn es sofort ausgelesen...

Onepager Hallo, hier möchte ich ein Script vorstellen, um einen Effekt einzusetzen bei dem die Menüpunkte beim Scrollen hervorgehoben werden. Für Wordpress empfehle ich das Plugin Custom CSS & JS. Dort das Script im Footer integrieren. Das HTML: <li class="menu-item"><a href="#">Seite 1</a></li>...

Ich würde es umdrehen Section und Article vertauschen.

Margin-right muss raus! article { border: gray 4px groove; padding: 20px; text-align: left; overflow: auto; margin:auto; margin-bottom: 25px; /* muss raus: margin-right: 30px;*/ max-width:800px; }

poste nochmal dein aktuelles HTML

probiere mal margin:auto; ,

https://codepen.io/Oliver7777/pen/ExJWjJK article { border: gray 4px groove; padding: 20px; text-align: left; overflow: auto; margin-bottom: 25px; margin-right: 30px; /* hier einfügen max-width */ max-width:800px; } <img src="https://www.obotrit-bargeshagen.de/header.png" height="111"...

poste mal dein HTML

Hier nochmal ein Update: https://codepen.io/Oliver7777/pen/ExJWjJK Wenn das nicht reicht poste mir mal dein HTML ul { list-style-type: none; margin: 500; padding: 100; overflow: hidden; background-color: #38444d; text-align:center; max-width:800px; margin:auto; } li a, .dropbtn { display...

Du kannst den Code ersetzen, aber eigentlich habe ich nur die 2 Sachen ersetzt, siehe Post #2. Ob du es alles in einer Datei hast oder trennst, macht keinen Unterschied, aber empfehlenswert ist es zu trennen ja.

Hallo bei mir funktioniert es: https://codepen.io/Oliver7777/pen/ExJWjJK Schau mal!

Hi probiere mal: li { display:inline-block; } ul { list-style-type: none; margin: 500; padding: 100; overflow: hidden; background-color: #38444d; text-align:center; } Float muss raus! Best practice ist auch, die Untermenüpunkte in <li> zu wrappen.