Joomla Templates Club 406,261 posts

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#139867

Hi Gang

I am making a temporary website which my server can migrate as my existing one has too many custom module.

As I have started on this one I have ran into my first problem…an overlapping log-in box…any ideas

Cheers Phil 😉

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#299705

This is the code difference for the <div id=”ja-login”>:

Your site :

[PHP]<div id=”ja-login”>
<table cellspacing=”0″ cellpadding=”0″ class=”moduletable”>
<tbody><tr>
<td>
<form name=”login” method=”post” action=”http://www.peacockquizzes.com/”>
<label class=”ja-login-user” for=”mod_login_username”>
<span>Username</span>
<input type=”text” size=”10″ alt=”username” class=”inputbox” id=”mod_login_username” name=”username”/>
</label>

<label class=”ja-login-password” for=”mod_login_password”>
<span>Password</span>
<input type=”password” alt=”password” size=”10″ class=”inputbox” name=”passwd” id=”mod_login_password”/>
</label>

<label for=”mod_login_remember”>
<input type=”hidden” alt=”Remember Me” value=”yes” class=”inputbox” id=”mod_login_remember” name=”remember”/>
</label>

<input type=”submit” value=”Login” class=”button” name=”Submit”/>
<div class=”ja-login-links”>
<a href=”http://www.peacockquizzes.com/lost-password.html” linkindex=”6″>
Lost Password?</a>
<a href=”http://www.peacockquizzes.com/create-an-account.html” linkindex=”7″>
Register</a>
</div>

<input type=”hidden” value=”login” name=”option”/>
<input type=”hidden” value=”login” name=”op2″/>
<input type=”hidden” value=”english” name=”lang”/>
<input type=”hidden” value=”http://www.peacockquizzes.com/peacock-pub-quiz.html” name=”return”/>
<input type=”hidden” value=”0″ name=”message”/>
<input type=”hidden” value=”1″ name=”force_session”/>
<input type=”hidden” value=”1″ name=”jd1c0e94ce66cb505682a0aab352a65f7″/>
</form>
</td>
</tr>
</tbody></table>
<table cellspacing=”0″ cellpadding=”0″ class=”moduletable”>
<tbody><tr>
<td>
<script src=”http://www.peacockquizzes.com/modules/ja_newsflash/ja-loader.js” type=”text/javascript”/><script type=”text/javascript” src=”modules/ja_newsflash/ja-scroll.js”/>
<script type=”text/javascript”>
if (!self.jaNewsflash) {
jaNewsflash = new Object();
}
jaNewsflash.animation = ‘scroll_left’;
jaNewsflash.livesite = ‘http://www.peacockquizzes.com’;
jaNewsflash.delaytime = 5;
jaNewsflash.splitter = “97c8730aa693f60439cf3cf4558ce5ea”;
jaNewsflash.interval= 1000;
jaNewsflash.currentItem = 5;
jaNewsflash.totalItem = 7;
</script>
<div style=”overflow: hidden; position: relative; width: 100%; height: 120px;”>
<div style=”position: absolute; top: 0pt; left: 0px; width: 0px; display: block;” id=”ja-scroll_1″>
<div style=”overflow: hidden; height: 323px;”><div class=”nfimages”><img height=”120″ width=”500″ alt=”Active Image” src=”images/stories/paper5.png”/></div><div class=”nfcontent”/></div></div>
<div style=”position: absolute; top: 0pt; left: 0px; width: 0px; display: block;” id=”ja-scroll_2″>
<div style=”overflow: hidden; height: 323px;”><div class=”nfimages”><img height=”120″ width=”500″ alt=”Active Image” src=”images/stories/paper2.png”/></div><div class=”nfcontent”/></div></div>
</div>
</td>
</tr>
</tbody></table>
</div>[/PHP]

Default Ja Edenite Site

[PHP]<div id=”ja-login”>
<form id=”login” name=”login” method=”post” action=”/index.php”>

<label class=”ja-login-user” for=”mod_login_username”>
<span>Username</span>
<input type=”text” size=”10″ alt=”username” class=”inputbox” id=”mod_login_username” name=”username”/>
</label>

<label class=”ja-login-password” for=”mod_login_password”>
<span>Password</span>
<input type=”password” alt=”password” size=”10″ class=”inputbox” name=”passwd” id=”mod_login_password”/>
</label>

<label for=”mod_login_remember”>
<input type=”hidden” alt=”Remember Me” value=”yes” class=”inputbox” id=”mod_login_remember” name=”remember”/>
</label>
<input type=”submit” value=”Login” class=”button” name=”Submit”/>

<div class=”ja-login-links”>
<a href=”/component/user/reset.html”>
Forgot your password?</a>
<a href=”/component/user/remind.html”>
Forgot your username?</a>
</div>

<input type=”hidden” value=”com_user” name=”option”/>
<input type=”hidden” value=”login” name=”task”/>
<input type=”hidden” value=”aHR0cDovL3d3dy5pZGF3ei5vcmcv” name=”return”/>
<input type=”hidden” value=”1″ name=”f5d72e25afc23c81d1d2681e1347df73″/></form>

</div>[/PHP]

It looks like, Ja Newsflash is also loaded at the same “top” position. Check it.

I may be wrong, but with firebug i replaced the code and your Login module became normal.

1 user says Thank You to Arvind Chauhan for this useful post

1. mfcphil

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#299710

Spot on there was two things in the header…good spot thanks.

Now if anyone has the correct log-in (as the demo)

4798

Could I have it thanks 😉

---

Attachments:

1. 

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#299711

For 5 minutes i was wondering how did you achieve the overlaps, as the firebug showed the whole lap as one block with the two modules in table class. Had to install edenite quickstart to compare. Sometimes, silly thins are the one, which are ignored by us.

regards

arvind

[Author]

Posts