Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[eXplOiD]

Mein Problem ist folgendes, ich habe eine Umsetzung des Müllkalenders mit Grafiken gemacht.

Dazu habe ich ein kleines Javascript in der CSS Klassen Spalte eingetragen wie zb. {a:javascript.0.muell.biotonne;(a == 0) ? "pulse" : " " }.

Das ganze funktioniert auch soweit super bis das Javascript ausgeführt wird, denn sobald es ausgeführt wird, springt das icon auf eine andere Position und geht auch erst nach einem neuladen auf die ursprüngliche Position zurück.

hier ein paar Bilder um zu verdeutlichen was ich meine.

Zu sehen an dem Grünen Mülleimer Symbol, sobald der wert auf 0 springt und auf die CSS klasse auf pulse springt verschiebt sich das Bild und der Text.

ich hoffe mir kann hier jemand helfen ich komm einfach nicht weiter damit.

~~https://www2.pic-upload.de/img/34586050/Unbenannt-3.png" />

https://www2.pic-upload.de/img/34586035/Unbenannt-1.png" />~~

[eXplOiD]

Thema kann Geschlossen werden bin selbst auf die lösung gekommen.

[Dutchman]

@eXplOiD:

Thema kann Geschlossen werden bin selbst auf die lösung gekommen. `

und fuer diejenige die dasselbe problem haben (werden) war die loesung ?

[eXplOiD]

ich habe den icons und dem text eine Feste Position im CSS Code zugewiesen.

.nonpulse {
    position:fixed;
    margin-left:10px;
    margin-top:10px;
}

.pulse {
    position:fixed;
    margin-left:10px;
    margin-top:10px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;
}

Das hat mein Problem gelöst