I am currently designing a ‘Sign In’ dropdown much like Twitter login dropdown. You can see the current progress of it at http://mashup2.sunnydsouza.com/index3.php
As you can see there, for some reason, there are certain css issues because of which am not exactly the same effect as shown in this tutorial http://aext.net/example/twitterlogin/#
Am not sure where am going wrong in this css (front.css) file. Is there some over-riding issues?
I want the same exact effect as shown in the example site.
On another note, also, am using JQuery validation plugin to check whether the username/pass fields are entered before clicking submit. What I want is that if a user enters an incorrect username/password, the error login message should come within the dropdown itself, without reloading the entire page again
But when user enters correct username/password, the page would refresh and the ‘Sign In’ would now replace with the username of the user entered (that will a dropdown too, with Control panel,logout options etc)
One of the problems is because in your stylesheet you say #topnav {…} but in your HTML topnav is assigned as a class, not an ID. None of the #topnav styles are being applied.