0 votes
in SoSci Survey (dt.) by s154186 (310 points)

Hallo zusammen,

beim Testen meines Fragebogens auf verschiedenen Browsern ist mir aufgefallen, dass die Auflösung unseres Logos je nach Browser sehr unscharf wird.

Gibt es hierfür vielleicht eine "goldene Regel", die man beachten sollte, damit das Logo auf jedem Browser in der bestmöglichen Auflösung angezeigt wird?

Viele Grüße

1 Answer

0 votes
by SoSci Survey (324k points)

Sie können das Logo in z.B. doppelter Auflösung hochladen und dann mittels HTML-/CSS-Code dafür sorgen, dass es "nur" mit maximal einfacher Größe angezeigt wird.

Dann erscheint es auch auf hochauflösenden Displays (z.B. Retina-Display) scharf.

by s154186 (310 points)
Haben Sie vielleicht einen Link zu einer Anleitung für diese Methode wie man mittels HTML-/CSS-Code die angezeigte Größe verkleinern kann?

Muss der Code direkt auf den einzelnen Seiten des Fragebogens implementiert werden oder ist dies eine Einstellung unter dem Reiter "Impressum und Logo"?
by SoSci Survey (324k points)
Es kommt ein wenig auf das Layout an, das Sie verwenden. Einige Layouts beschränken die Größe bereits, bei anderen muss man eine Zeile CSS-Code dafür im <style>-Bereich des Layouts ergänzen oder abändern (https://www.soscisurvey.de/help/doku.php/de:create:layout).

Welches Layout verwenden Sie denn?
by s264231 (130 points)
Ich habe dasselbe Problem und komme auch bei dem html/css-code nicht weiter. Was müsste ich hier noch ergänzen? Das Layout ist auf 800 Pixel Breite eingestellt und ich würde das Bild gerne als Logo genau so breit haben.

<!DOCTYPE html>
<html>
<head>
%head%
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding: 0 0 20px 0; margin: 0 }
div#s2t-progress { position: absolute; right: 10px; top: 0px; width: 200px }
div#s2t-logo { margin-bottom: 10px; width: 800px}
div.questionary { min-width: 300px; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }

/* Center header and footer on smartphone */
@media (max-width: 450px) {
    div#s2t-logo { text-align: center; margin-bottom: 16px }
    div#s2t-controls { text-align: center }
    div#s2t-imprint { text-align: center }
    div#s2t-progress { left: 0; right: 0; margin: 0 auto }
}
</style>
</head>
...
by SoSci Survey (324k points)
Schwer zu beantworten ohne Kontext.  Zumal Sie hier unter eine Frage von 2021 (!) geschrieben haben. Ich gehe mal davon aus, dass Sie das Logo bereits mit einer Breite von 800 Pixeln erstellt und hochgeladen haben? Dann posten Sie doch bitte in einer neuen Frage einen Pretest-Link zu Ihrem Fragebogen. Dann kann ich mir Ihr Layout und den Status Quo ansehen.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...