Suchergebnisse

Hast Du dies probiert:

Die Screenshots machen das Ganze klarer. Die vom Handy, handelt es sich dabei um eine App? Etwas unbefriedigend, nur herum zu probieren, aber versuche doch mal, bei den persönlichen Daten die Tabelle weg zu lassen und die Texte aneinander zu hängen, durch <br> getrennt.

Hallo Rudolf und willkommen im Forum! Ich habe den Code mal in eine Testdatei übernommen und mit der Smartphone-Ansicht des Seiteninspektors getestet. Leider kann ich dabei keinen Unterschied zwischen letzterer und der normalen Ansicht erkennen. Wo beobachtest Du den überhaupt den doppelten...

@webdepp2025 Hast Du das Problem inzwischen lösen können. Eine Rückmeldung wäre nett.

Das liegt am background-attachment: fixed; , dadurch orientiert sich das Bild am Browserfenster. Wenn Du das löschst, verhält es sich wie gewünscht.

Den Eindruck habe ich auch. Hast Du auch mein "PS" gelesen? Lade mal die Seite neu. Mit background-image und background-size funktioniert es.

PS: Ich habe das jetzt in einer Testdatei untersucht mit dem Ergebnis, dass das object-fit in einer Tabellenzelle mit spanning nicht funktioniert. background-size für ein Hintergrundbild funktioniert jedoch: <td class="running-man" colspan="3" rowspan="7" bgcolor="#666666"></td>...

Anscheinend habe ich da etwas falsch verstanden: Dein Bild ist schon sichtbar aber es füllt die Zelle nicht vollständig aus. Das kannst Du beheben durch object-fit: https://www.w3schools.com/css/css3_object-fit.asp Gib dem img-Tag eine Klasse, z. B. so: <img class="running-man"...

Guten Morgen @DerHanno und willkommen im Forum! Ein Hintergrundbild wird nur sichtbar, wenn das Element, wo es drin ist, schon eine bestimmte Größe hat, i. allg. durch andere Element darin. In deinem Fall ist das nicht der Fall, weil die benachbarten Zellen in der Reihe alle leer sind. Verwende...

Immer gern, gleichfalls gute Nacht!

Ich gestalte es gern so, dass es erweiterbar ist. Es hat schon seinen Grund, dass von Fummelei mit Strings abgeraten wird und statt dessen die JS-Funktionen empfohlen. Da ist jetzt das Leerzeichen zwischen den beiden Klassen abhanden gekommen. Aber so funktioniert es: clkContainer.className...

... oder so: clkContainer.className = clkContainer.className.replace(/theme[1-9]/, '') + cls;

Das funktioniert nur wenn schon eine Klasse für das Thema vorhanden ist. Wenn ich sie im HTML hinzu füge, ist alles OK.

Oder so, dann bleiben alle anderen Klassen erhalten: clkContainer.className = clkContainer.className.replace(/theme[1-9]/, cls);

Du könntest auf das gute alte className zurück greifen: https://developer.mozilla.org/en-US/docs/Web/API/Element/className Dabei werden alle vorhandenen Klassen gelöscht. Du musst dann aber daran denken, die Klasse "clock" wieder hinzu zu fügen: clkContainer.classList = 'clock'; Und dann die...

Sieht gut aus.

... möglicher Weise ist dies die Problemursache: Mit dieser Anweisung: clkContainer.classList.add(cls); fügst Du die Klasse jeweils hinzu ohne die alte zu löschen. Irgend wann sind dann alle Klassen gesetzt.

Was mir auffällt: Im Container der Uhr sind alle vier Klassen für die Themen gesetzt. Ich untersuche das weiter ...

Mir scheint, das müsste man komplett im Zusammenhang sehen und untersuchen, einschl. des HTML und des Theme-Managements. Ich glaube, Du hast es nicht online. Ist es möglich, eine Demo zu machen?

Das trifft zu, was Du im Localstorage speicherst, ist Text.