Hallo,
das ist das erste mal, dass ich hier etwas im Forum schreibe. Ich versuche meine Frage so einfach und kurz wie möglich zu formulieren:
Ich erstelle gerade eine E-Mail-Opt-In-Webseite auf der das E-Mail-Formular per Pop-Up eingeblendet wird.
Wenn ich die lokale html-Datei mit dem Browser öffne, werden das E-Mail-Eintragefeld und der darunter liegende Button wie gewünscht zentriert dargestellt. Doch wenn ich die Seite hochgeladen habe und mir anschaue, sind das E-Mail-Eintragefeld und der Button plötzlich links. Woran liegt das und wie kann ich das am einfachsten ändern?
Ich habe zwei Screenshots angehangen.
Hier ist der dazugehörige html-code:
Vielen Dank.
das ist das erste mal, dass ich hier etwas im Forum schreibe. Ich versuche meine Frage so einfach und kurz wie möglich zu formulieren:
Ich erstelle gerade eine E-Mail-Opt-In-Webseite auf der das E-Mail-Formular per Pop-Up eingeblendet wird.
Wenn ich die lokale html-Datei mit dem Browser öffne, werden das E-Mail-Eintragefeld und der darunter liegende Button wie gewünscht zentriert dargestellt. Doch wenn ich die Seite hochgeladen habe und mir anschaue, sind das E-Mail-Eintragefeld und der Button plötzlich links. Woran liegt das und wie kann ich das am einfachsten ändern?
Ich habe zwei Screenshots angehangen.
Hier ist der dazugehörige html-code:
Code:
<!-- PopUp -->
<div class="popup-container reveal-modal" id="myModal">
<div class="popup" id="register_popup">
<div class="popup-logo"><img src="img/dieunwiderstehlichefraulogo.png" alt="" ></div>
<p class="popup-headline">Trage Deine beste E-Mail-Adresse ein und erhalte sofort Dein PDF... es ist 100% kostenlos!</p>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; text-align: center;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//dieunwiderstehlichefrau.us15.list-manage.com/subscribe/post?u=9332db2020c5a91fc6dc0d9e7&id=a8aeb10b08" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Trage hier Deine E-Mail-Adresse ein" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9332db2020c5a91fc6dc0d9e7_a8aeb10b08" tabindex="-1" value=""></div>
<div style="margin-top: 2%; margin-bottom: 2%" class="clear"><input type="submit" value="Jetzt Kostenlos Downloaden" style="background: #fcb70b; border: none; color: white; padding: 10px 24px;; font-size: 24px; border-radius: 4px; text-align: center;" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
<a class="close-reveal-modal" ><img src="img/ico-close.png" alt="" /></a> </div>
<div class="privacy-policy"><b>HINWEIS:</b> Wir hassen SPAM und versprechen Dir, Deine E-Mail-Adresse zu schützen.</div>
</div>
<!-- END PopUp -->
Vielen Dank.