Suchergebnisse

Ja poste mal deinen Navi-Code.

nav li:nth-child(1):hover { background: red; } nav li:nth-child(2):hover { background: blue; } So zum Beispiel

nav und header sind HTML Tags, content ist eine Klasse, da muss ein Punkt davor. Bei einer ID muss eine Raute: # davor. Kannst du die Seite, die du hochgeladen hast mal aktualisieren, dann kann man sich das angucken.

Vor content fehlt ein Punkt. Vergib doch max-width: 1000px; // und navi max-width: 200px;

header img.logo { flex: 3; min-width: 0; height: fit-content; } nav a img { height: 100%; width: 100%; min-height: 0; height: fit-content; } fit-content erledigt es. Also, dass es nicht gestretcht wird. oder header img.logo { flex: 3; min-width: 0...

document.querySelectorAll('[id^="btn"]'); Getestet.

Du meinst das: https://www.php-einfach.de/php-tutorial/php-include/

Ich nutze ja background-size:contain. und brauche die Breite. Ich hab's jetzt so gelöst, dass ich auf Hintergrundbilder verzichte und Img's nutze und oben genannte Methoden nutze.

Danke für die schnelle Rückmeldung, er spuckt bei mir "contain" aus.

Hallo, ich würde gerne die Breite und Höhe eines Hintergrundbildes ermitteln. Für Img's gibt es var x = document.getElementById("myImg").naturalWidth; var x = document.getElementById("myImg").naturalHeight; Muss ich ein Image erzeugen und dann auslesen? Scheint mir bissel blöd. Thx for Feedback.

Also bei mir dauert es 3 bis 4 Sekunden, und man sieht die Ani...

So habe ich es eingebaut: const preloadImg = ["bild1", "bild2", "bild3"] const pathPl = "galerie-imgs"; var imagesLoaded = 0; for (var i = 0; i < preloadImg.length; i++) { var img = new Image(); img.src = pathPl + "/" +...

Klar sollte man das optimieren, aber da wo Bilder geladen werden, entsteht eine Wartezeit. Ich programmiere gerade eine Galerie, da habe ich es eingefügt. Das hässliche Flackern fällt weg... Galerie (die Galerie ist noch nicht für mobil optimiert)

Hallo das taucht nur manchmal auf das Problem. Kann es nicht reproduzieren, funktioniert nach dem ersten Laden. Ich hab' so gelöst, funktionierte jedenfalls bei mir auf'm Laptop: .flickity-viewport { aspect-ratio: 1.73; height:auto; } Den Wert muss man errechnen. Breite des Elements geteilt...

Auch ein Klassiker: https://codepen.io/Oliver7777/pen/mdzMGez Auch in Grau: https://codepen.io/Oliver7777/pen/PoyKXJv

Der klassische Kringel schlechthin: https://codepen.io/Oliver7777/pen/abRyBrb Hinweis: Funktioniert nicht mit dem Wordpress-Plugin

Und noch eine: https://codepen.io/Oliver7777/pen/jOeLNQp Hinweis: Funktioniert nicht mit dem Wordpress-Plugin

Die vierte Animation: https://codepen.io/Oliver7777/pen/JjmyPxd

Und die dritte Animation: https://codepen.io/Oliver7777/pen/qBJjQRR

Hier noch eine zweite Animation: https://codepen.io/Oliver7777/pen/WNaOraj