css - Part of footer is getting hidden -
i working on developing site company. stuck on 1 issue layout not working correctly. footer @ bottom partially being covered. have added z-index , changed nothing. have played margins , paddings no avail. can see causing partially covered. here image showing see:
and website here: http://clubschoicemagic.com/
#slide03.slide .footer-container { background-color: #06060d; color: rgba(255, 255, 255, 0.5); font-size: 14px; margin-bottom: 0; text-align: center; } #slide03.slide .footer-container .wrapper { background-color: #06060d; bottom: 0; color: #ffffff; left: 0; margin: 0 auto -20px; padding-top: 5px; position: absolute; text-align: center; text-shadow: none; top: auto; transform: none; width: 100%; }
<div class="footer-container"> <footer class="wrapper"> <img src="http://clubschoicefundraising.com/content/img/logo.png" class="center-block" width="80" /> <h3> clubschoicemagic.com affiliated <a href="http://clubschoicefundraising.com">club's choice fundraising</a>. </h3> </footer> </div>
it's nothing css @bart helped me notice.
at around line 200 (of html) have this;
<script type="text/javascript"> $(document).ready(function () { $(".contactform").on('submit', function (e) { e.preventdefault(); var firstname = $("#firstname").val(); if (firstname == "") { firstname = "none given"; } var model = { firstname: firstname, schoolname: $("#schoolname").val(), note: $("#note").val() }; $.ajax({ url: "/home/index", type: 'post', data: { model: model }, success: function (result) { if (result) { $(".contactform").trigger('reset'); $("#formmessage").html("thank you. entry has been submitted."); } }, error: function (xhr, ajaxoptions, thrownerror) { } }); }); }); </script> >
as can see after close script tag there stray >
cause of problems.
also margin: 0 auto -20px;
should margin: 0 auto;
@tezekiel said
Comments
Post a Comment