App Store Badge wird nicht angezeigt

[Auge]

Hallo

Nur als Ergänzung.

Ein <img> Element kann die Attribute width und height bekommen. Das ist in HTML seit Urzeiten so vorgesehen, und es ist unabänderlich, dass diese Werte in Pixeln angegeben werden.

Öhhm, nein. Der Wert kann als Anzahl von Pixeln eingetragen werden, wobei dann keine Einheit notiert wird oder aber als Prozentwert und dann kommt als Unterscheidungsmerkmal zu Pixelangaben doch eine Einheit (%) hinter dem Wert hinzu.

Darum ist es nicht vorgesehen und nicht erlaubt, keine Einheit dazu zu schreiben.

Wie, was? Hast du dich in deinem Satzaufbau verfangen? 😀

Es ist sowohl vorgesehen als auch erlaubt, eine Einheit in Längenangaben zu verwenden. Das gilt aber nur und ausschließlich für Prozentangaben. Ansonsten gibt es bei Längenangaben in HTML-Attributen nur Pixelwerte und die müssen ohne Einheit notiert werden.

Sehr viele Elemente können über CSS die Eigenschaften width und height bekommen. Das gibt es, seit es CSS gibt. Aber CSS braucht Maßeinheiten. Wenn Du Pixel angeben willst, musst Du px hinter den Wert setzen.

Jep.

(3) … Und probiere auch mal aus, ob es nicht auch ganz ohne width Angabe funktioniert, wenn data-recalc-dims nicht mehr da ist.

Ich halte das weglassen der HTML-Attribute width und height für das img-Element für schlechten Stil. Ihre Anwesenheit reserviert in grafischen Browsern von vornherein den für das Bild vorgesehenen Platz. Damit wird das springen von Seiteninhalten beim laden von Bildern verhindert.

Die Attributwerte können ja, wie du selbst schon beschriebst, problemlos im CSS überschrieben werden. Das kann bei schlecht gewählten Werten natürlich ein neuerliches springen von Inhalten auslösen. Das sollte man im Hinterkopf behalten.

Die Bildquelle für das Apple-Bild ist fragwürdig.

[speichern des AppStore-Logos auf eigenem Webspace] Dafür gibt's zwei Gründe: (1) willst Du nicht, dass Apple jeden User tracken kann, der deine Seite abruft …

Nicht zu vegessen, für Amazon gilt exakt das gleiche Argument.

Tschö, Auge