 Hi guys, Could anybody tell me why the login popup is appearing in the top left corner on my homepage when selecting login from the top menu location? Could it be the rotating splash banner that causing the problem and if so, any fix? http://www.theknightstemplar.net/dev Many thanks in advance, |
Your site has multiple head, html and body tags resulting in malformed html. You must have improperly edited your _header.html or _sub_header.html template files. Based on the double spacing seen in the source you are also not using a code safe editor when editing those files. https://www.deanbassett.com |
You also appear to have added another copy of jquery. in the default uni template https://www.deanbassett.com |
Thanks Deano, Whilst I got ya ~ do you think that causing the same issue with the rotating banner? I have a bizarre issue when viewing the site in Internet Explorer. On the welcome notice and with rotating banner all looks well until you navigate off the homepage and then come back to it. When you do that, all the graphics are showing on top of each other on the page. The only way of resetting this back to the way it should look is my refreshing (f5). Any ideas? Many thanks in advance, |
Malformed html could have any number of effects as it's left up to the browser to try and figure out how it's suppose to be. So yes, it could be the cause. https://www.deanbassett.com |
OK, I found the culprit with the additional <html>, <head> & <body> lines. Following the instructions to install the Simple Rotating Splash Banner By Mika_p, he put in his readme file to drop the following code into the splash editor: <html> <head> <style type="text/css">
#fader { position: relative; width: 100%; height: 280px; }
#fader img { width: 1087px; height: 240px; margin:20px; }
.button#next:hover, .button#prev:hover{ background-color: #EBECE4; }
.button#next, .button#prev { background-color: #F8F8FF; color:#000; width: 50px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; position: absolute; top: 130px; }
#next { right: 20px; }
#prev { left: 20px; }
</style>
</head>
<body> <div id="fader"> <img src="images\banner1.jpg"/> <img src="images\banner2.png"/> <img src="images\banner3.jpg"/> </div>
<div class="button" id="next"><</div> <div class="button" id="prev">></div>
<script language="Javascript" type="text/javascript"> $(function() { $('#fader img:not(:first)').hide();
$('#fader img').each(function() { var img = $(this);
});
var pause = false;
function fadeNext() { $('#fader img').first().fadeOut("slow").appendTo($('#fader')); $('#fader img').last().hide(); $('#fader img').first().fadeIn("slow"); }
function fadePrev() { $('#fader img').first().fadeOut("slow"); $('#fader img').first().hide(); $('#fader img').last().prependTo($('#fader')).fadeIn("slow"); }
$('#fader, #next').click(function() { fadeNext(); });
$('#prev').click(function() { fadePrev(); });
$('#fader, .button').hover(function() { pause = true; },function() { pause = false; });
function doRotate() { if(!pause) { fadeNext(); } }
var rotate = setInterval(doRotate, 5000); });
</script> </body> </html> I have subsequently removed both header and footer <html>, <head> & <body> codes, cleared the cache but unfortunately it doesn't seem to have worked. As for the _sub_header.html and _header.html files, this haven't been changed from the original Boonex installation.
Any other ideas? Thanks, Mark |
I've actually just took the code out for the rotating banner and put the normal standard uni splash banner back in it's place. No difference whatsoever unfortunately so it's the banner is obviously not the culprit. Hmmm..... |
Something is causing it, and it is related to some javascript. When you click the login, the popup generates a JS error. https://www.deanbassett.com |
