Flat Responsive - Logo Verkleinerung - funktioniert nicht

    Hallo,

    ich benutze für eine Seite das Layout "Flat Responsive". Als Logo habe ich eine svg-Datei benutzt.

    Beim Scrollen der Seite verkleinert es sich aber nicht und rutscht auch nicht an den linken Rand, so wie es mit png oder jpeg Dateien der Fall wäre.

    Der Kunde möchte aber gerne das svg behalten, da es deutlich schärfer ist. Gibt es da eine Erklärung/ Lösung, warum das nicht mit Vektorlogos funktioniert?

    (Link: https://www.ms-artdesign.de)

    Viele Grüße

    Thomas

    Hallo,

    fügen Sie da bitte mal als Workaround unter "Einstellungen > CSS" folgendes ein:

    Code
    <style>
#header #nav.fixed > ul li.logo > a img,
#header #nav.fixed >ul li.logo > a.active img {
   width: 100%;
}
</style>

    Sollte dann so passen.

    Warum die SVGs nicht ganz angezeigt werden, muss der Kollege nächste Woche mal im Layout prüfen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

    Ursache ist, dass im SVG als width und height 100% angegeben sind. Das hatten wir so bisher noch nicht. Fehler im Layout wird dann noch per Online-Update behoben.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Funktioniert perfekt. Danke :thumbup:

    Ist das ein Fehler von mir bei der Logoerstellung? Habe ich da was falsch gemacht? Was kann ich denn da für die Zukunft verbessern.

    Ist denn die Erstellungsgröße beim svg nicht egal?

    VG Thomas

    Zitat von TomTom

    Ist das ein Fehler von mir bei der Logoerstellung? Habe ich da was falsch gemacht? Was kann ich denn da für die Zukunft verbessern.

    Ist denn die Erstellungsgröße beim svg nicht egal?

    Fehler kann man das nicht nennen… Ich vermute aber, dass es bei einer Bildgröße von 100% x 100% der anzeigenden Software irgendwie schwer fällt, das korrekte Seitenverhältnis etc. zu ermitteln… Da wäre es vermutlich besser, das SVG hätte bei width/height tatsächliche Pixelwerte drin oder so.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    mmmh...verstehe ich nicht so ganz...

    Das Logo ist in Adobe Indesign erstellt worden mit 489 x372 Pixel und als svg abgespeichert worden.

    Ich habe es zum Testen auch mal in Affinity Designer identisch abgespeichert.

    Beide Versionen funktionieren nur mit Ihrem Code als Zusatz. Anders kann ich das ja auch gar nicht abspeichern.

    Egal, dank Ihres schnellen Codes hat es ja nun perfekt funktioniert.

    Viele Grüße und danke

    Thomas

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden