Lieber Support,
ich würde gerne den Fortschrittsbalken im neutral-Layout nach oben rechts verschieben. Da ich in HTML nicht bewandert bin, bitte ich hier um Unterstützung.
Es wurde eine ähnliche Frage bereits gestellt, nur ging es dort um ein anderes Layout. Sind die Schritte hier dieselben?
Vielen Dank!
Zur Info hier der momentane HTML-Code:
<!DOCTYPE html>
<html>
<head>
%head%
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding-bottom: 20px }
div.questionary { min-width: 320px; max-width: %width%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
div#s2t-logo { margin-top: 18px }
img.s2-logo { max-width: 100%; vertical-align: top }
div#s2t-progress { width: 200px; float: right; margin: 0 0 20px 32px }
.buttonControl { padding-top: 0; padding-bottom: 16px }
div.progressbar { height: 20px; border-color: #AAAAAA }
div.progressbar div.progresstext { top: 4px }
hr { height: 2px; border: 0px; background-color: transparent; border-bottom: 2px solid %color.4%; margin: 24px 0px 28px 0px; }
a { text-decoration: none; }
/* Center footer on smartphone */
@media (max-width: 450px) {
div#s2t-controls { text-align: center }
div#s2t-progress { left: 0; right: 0; margin: 0 auto 10px auto; float: none }
div#s2t-footer{ text-align: center }
}
/* No auto-zoom on iOS smartphones */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
select,
textarea,
input[type="text"],
input[type="number"],
input[type="password"] { font-size: 16px }
}
</style>
</head>
<body>
<div class="questionary">
<div id="s2t-logo">%logo%</div>
<hr style="margin-top: 12px;">
%form.open%
<div id="s2t-content">
%questionnaire%
</div>
<hr style="margin-bottom: 14px;">
<div id="s2t-footer">
<div id="s2t-progress">%progress%</div>
<div id="s2t-controls">
%button.control%
</div>
%imprint%
</div>
%form.close%
</div>
</body>
</html>