Avatar billede madseksperten Nybegynder
09. marts 2016 - 10:42 Der er 1 løsning

login boks loader med det samme

Hejsa.

Jeg har en login boks som skal dropdown når man hover over linket. Problematikken er at hver gang siden loader, så er login boksen hoppet ned uden man skal hover over "Login"
Er der nogle som kan se udfra koden hvad det er? Jeg har ikke postet css og js, da jeg tror det ligger i starten af koden? Under denne kode har jeg postet en kode som virker fint, når jeg hover over. Det vil sige der hopper menuen fint ned, uden at loade først.

<li class="dropdown">
                      <a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover=
                      "dropdown" data-toggle="dropdown" href="#">Feature <i class="fa fa-angle-down"></i>
                      </a>
                        <!--container start-->
                        <div class="login-bg">
                            <div class="container">
                                <div class="form-wrapper">
                                <form class="form-signin wow fadeInUp" action="index.html">
                                <h2 class="form-signin-heading">sign in now</h2>
                                <div class="login-wrap">
                                    <input type="text" class="form-control" placeholder="User ID" autofocus>
                                    <input type="password" class="form-control" placeholder="Password">
                                    <label class="checkbox">
                                        <input type="checkbox" value="remember-me"> Remember me
                                        <span class="pull-right">
                                            <a data-toggle="modal" href="#myModal"> Forgot Password?</a>

                                        </span>
                                    </label>
                                    <button class="btn btn-lg btn-login btn-block" type="submit">Sign in</button>
                                    <p>or you can sign in via social network</p>
                                    <div class="login-social-link">
                                        <a href="index.html" class="facebook">
                                            <i class="fa fa-facebook"></i>
                                            Facebook
                                        </a>
                                        <a href="index.html" class="twitter">
                                            <i class="fa fa-twitter"></i>
                                            Twitter
                                        </a>
                                    </div>
                                    <div class="registration">
                                        Don't have an account yet?
                                        <a class="" href="registration.html">
                                            Create an account
                                        </a>
                                    </div>

                                </div>

                                  <!-- Modal -->
                                  <div aria-hidden="true" aria-labelledby="myModal" role="dialog" tabindex="-1" id="myModal" class="modal fade">
                                      <div class="modal-dialog">
                                          <div class="modal-content">
                                              <div class="modal-header">
                                                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                  <h4 class="modal-title">Forgot Password ?</h4>
                                              </div>
                                              <div class="modal-body">
                                                  <p>Enter your e-mail address below to reset your password.</p>
                                                  <input type="text" name="email" placeholder="Email" autocomplete="off" class="form-control placeholder-no-fix">

                                              </div>
                                              <div class="modal-footer">
                                                  <button data-dismiss="modal" class="btn btn-default" type="button">Cancel</button>
                                                  <button class="btn btn-success" type="button">Submit</button>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <!-- modal -->

                              </form>
                              </div>
                            </div>
                        </div>
                        <!--container end-->
                  </li>
                  <!-- /li dropdown for login -->

Kode der virker med andre links

<li class="dropdown">
                      <a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover=
                      "dropdown" data-toggle="dropdown" href="#">Blog <i class="fa fa-angle-down"></i>
                      </a>
                      <ul class="dropdown-menu">
                          <li>
                              <a href="blog.php">Blog</a>
                          </li>
                          <li>
                              <a href="blog-two-col.php">Blog two column</a>
                          </li>
                          <li>
                              <a href="blog-detail.php">Blog Single Image</a>
                          </li>
                          <li>
                              <a href="blog-detail-video.php">Blog single video</a>
                          </li>
                      </ul>
                  </li>
Avatar billede madseksperten Nybegynder
14. marts 2016 - 19:36 #1
svar
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester