Не могу щелкнуть ссылки, подозревая проблему z-index

Я прочитал много сообщений здесь о z-index, но я не могу решить свою проблему. Я не могу щелкнуть ссылки на моей веб-странице. Существует ссылка, где говорится «Klubbmesterskap» и где говорится «Klikk her», но она не отвечает.Не могу щелкнуть ссылки, подозревая проблему z-index

Есть ли у кого-нибудь отзыв?

h1,h2,h3,h4,h5,h6,p,a { 
 
    font-family: "Lato"; 
 
    font-weight: 400; 
 
} 
 

 
body { 
 
    width: 1200px; 
 
    top: 0; 
 
    margin: 0 auto; 
 
    position: absolute; 
 
} 
 

 
#header-image { 
 
    background-color: black; 
 
    background-image: url(logo.gif); 
 
    background-repeat: no-repeat; 
 
    background-position: center; 
 
    height: 300px; 
 
    width: 1200px; 
 
    margin: 0 auto; 
 
    position: relative; 
 
} 
 

 
#nav { 
 
    padding: 40px; 
 
    text-align: center; 
 
    margin-top: 150px; 
 
    position: relative; 
 
} 
 

 
#footer { 
 
    background-color: black; 
 
    height: 100px; 
 
    width: 1200px; 
 
    position: relative; 
 
    bottom: 0; 
 
    margin: 0 auto; 
 
    text-align: center; 
 
    position: relative; 
 
} 
 

 
div#main { 
 
    height: 100%; 
 
    background-color: white; 
 
    border: 1px solid #333333; 
 
    padding: 80px; 
 
    padding-top: 40px; 
 
} 
 

 
#table_eldre_resultat { 
 
    height: 100%; 
 
    background-color: white; 
 
    border: 1px solid #333333; 
 
    position: relative; 
 
    padding: 80px; 
 
    padding-top: 40px; 
 
} 
 

 
ul { 
 
    margin: 0 100px; 
 
    padding: 20px; 
 
    background-color: #ffffff; 
 
    margin-top: 170px; 
 
    position: relative; 
 
} 
 

 
li { 
 
    text-decoration: none; 
 
    list-style-type: none; 
 
    display: inline; 
 
    padding: 0 20px; 
 
    text-transform: uppercase; 
 
    font-size: 12px; 
 
    vertical-align: middle; 
 
    position: relative; 
 
} 
 

 
a { 
 
    text-decoration: none; 
 
    color: #333333; 
 
    padding: 0; 
 
    position: relative; 
 
} 
 

 
a:hover, 
 
a:focus { 
 
    color: #1da6e0; 
 
    position: relative; 
 
} 
 

 
li:focus { 
 
    background-color: #1da6e0; 
 
    position: relative; 
 
} 
 

 
.dropbtn { 
 
    background-color: white; 
 
    color: #333333; 
 
    padding: 0; 
 
    font-size: 12px; 
 
    border: none; 
 
    cursor: pointer; 
 
    text-transform: uppercase; 
 
} 
 

 
.dropdown { 
 
    position: relative; 
 
    display: inline-block; 
 
} 
 

 
.dropdown-content { 
 
    display: none; 
 
    position: absolute; 
 
    background-color: white; 
 
    min-width: 200px; 
 
} 
 

 
.dropdown-content a { 
 
    color: #333333; 
 
    padding: 12px 16px; 
 
    text-decoration: none; 
 
    display: block; 
 
    text-align: left; 
 
} 
 

 
.dropdown-content a:hover { 
 
    background-color: #1da6e0; 
 
    color: white; 
 
} 
 

 
.dropdown:hover .dropdown-content { 
 
    display: block; 
 
} 
 

 
.dropbtn:hover { 
 
    color: #1da6e0; 
 
} 
 

 
.dropdown:hover .dropbtn { 
 
    background-color: white; 
 
} 
 

 
input { 
 
    text-transform: uppercase; 
 
    font-family: "Lato"; 
 
    padding: 12px 16px; 
 
    width: 250px; 
 
    display: inline; 
 
    border: 1px solid #ffffff; 
 
} 
 

 
#button { 
 
    background-color: #1da6e0; 
 
    width: 100%; 
 
    color: white; 
 
    border: none; 
 
} 
 

 
.medlem { 
 
    padding: 80px; 
 
    padding-top: 40px; 
 
    min-height: 860px; 
 
    margin: 0; 
 
    border: 1px solid #333333; 
 
    text-transform: uppercase; 
 
} 
 

 
p { 
 
    font-size: 12px; 
 
    text-transform: uppercase; 
 
    position: relative; 
 
} 
 

 
h3 { 
 
    text-transform: uppercase; 
 
} 
 

 
.table { 
 
    width: 100%; 
 
    font-size: 12px; 
 
    text-align: left; 
 
    border: 1px solid #333333; 
 
    text-transform: uppercase; 
 
    position: relative; 
 
} 
 

 
th { 
 
    background-color: #1da6e0; 
 
    padding: 10px; 
 
    text-decoration: none; 
 
    font-weight: 500; 
 
    color: white; 
 
    position: relative; 
 
} 
 

 
td { 
 
    padding: 10px; 
 
    position: relative; 
 
} 
 

 
label { 
 
    text-transform: uppercase; 
 
    font-size: 12px; 
 
    margin: 0; 
 
} 
 

 
.button { 
 
    width: 200px; 
 
    background-color: #1da6e0; 
 
    color: white; 
 
    border: none; 
 
    padding: 20px; 
 
    text-transform: uppercase; 
 
} 
 

 
textarea { 
 
    border: 1px solid #333333; 
 
    padding: 20px; 
 
    margin-bottom: 30px; 
 
    margin-left: 10px; 
 
    margin-top: 10px; 
 
    text-transform: uppercase; 
 
    width: 300px; 
 
} 
 

 
#contactform { 
 
    border: 1px solid #333333; 
 
    padding: 20px; 
 
    margin-bottom: 0; 
 
} 
 

 
.contactform { 
 
    border: 1px solid #333333; 
 
    margin: 10px; 
 
    position: inherit; 
 
    left: 200px; 
 
    width: 300px; 
 
} 
 

 
.placeholder { 
 
    color: green; 
 
} 
 

 
select { 
 
    width: 300px; 
 
    font-family: "Lato"; 
 
    text-transform: uppercase; 
 
    list-style-type: none; 
 
} 
 

 
option { 
 
    border: none; 
 
    font-family: "Lato"; 
 
    font-size: 14px; 
 
    text-transform: uppercase; 
 
    padding: 15px; 
 
    width: 300px; 
 
} 
 

 
#result_left { 
 
    width: 45%; 
 
    display: inline; 
 
    float: left; 
 
} 
 

 
#result_right { 
 
    width: 45%; 
 
    display: inline; 
 
    float: right; 
 
} 
 

 
.result { 
 
    margin-bottom: 0; 
 
    overflow: auto; 
 
} 
 

 
img { 
 
    margin: 30px; 
 
    border: 3px solid #1da6e0; 
 
} 
 

 
#img_tg { 
 
    margin: 0 auto; 
 
    float: right; 
 
    margin-left: 40px; 
 
    margin-bottom: 40px; 
 
} 
 

 
#torsdagsgolf { 
 
    margin-bottom: 100px; 
 
} 
 

 
#img_km { 
 
    margin-left: 0; 
 
    padding-right: 0; 
 
    margin-bottom: 400px; 
 
    display: block; 
 
    position: absolute; 
 
    top: 70px; 
 
    right: 0; 
 
} 
 

 
#km { 
 
    width: 50%; 
 
    margin-bottom: 200px; 
 
} 
 

 
#hio { 
 
    margin-bottom: 100px; 
 
    width: 50%; 
 
} 
 

 
#br { 
 
    width: 50%; 
 
} 
 

 
#br_hio_img { 
 
    position: absolute; 
 
    top: 70px; 
 
    right: 0; 
 
} 
 

 
#grasrot { 
 
    border: none; 
 
} 
 

 
#grasrot_link { 
 
    margin: 0; 
 
    padding: 0; 
 
    position: relative; 
 
    bottom: 0; 
 
    color: #1da6e0; 
 
} 
 

 
#grasrot_link:hover { 
 
    text-decoration: underline; 
 
}

<html> 
 
    <head> 
 
     <title>Selje Golklubb</title> 
 
     <meta charset="utf-8" /> 
 
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1" /> 
 

 
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" /> 
 
     <link rel="stylesheet" type="text/css" href="normalize.css" /> 
 
     <link rel="stylesheet" type="text/css" href="style.css" /> 
 
    </head> 
 
    <body onload="ClearForm()"> 
 
     <!-- HEADER --> 
 
     <div id="header-image"> 
 
      <!-- Navigasjonsbar --> 
 
      <div id="nav"> 
 
       <ul class="navbar"> 
 
        <li> 
 
         <div class="dropdown"> 
 
          <button class="dropbtn">Klubben</button> 
 
          <div class="dropdown-content"> 
 
           <a href="omoss.html">Om oss</a> 
 
           <a href="klubbmestere.html">Klubbmestere</a> 
 
           <a href="holeinone.html">Hole in One</a> 
 
           <a href="grasrotandelen.html">Grasrotandelen</a> 
 
          </div> 
 
         </div> 
 
        </li> 
 

 
        <li> 
 
         <div class="dropdown"> 
 
          <button class="dropbtn">Medlem</button> 
 
          <div class="dropdown-content"> 
 
           <a href="medlemskap.html">Medlemskap/priser</a> 
 
           <a href="innmeldingskjema.html">Innmeldingskjema</a> 
 
          </div> 
 
         </div> 
 
        </li> 
 

 
        <li> 
 
         <div class="dropdown"> 
 
          <button class="dropbtn">Banen</button> 
 
          <div class="dropdown-content"> 
 
           <a href="banekart.html">Banekart</a> 
 
           <a href="filer/scorekort.pdf">Scorekort</a> 
 
           <a href="filer/slopeherrer.pdf">Slopetabell herrer</a> 
 
           <a href="filer/slopedamer.pdf">Slopetabell damer</a> 
 
          </div> 
 
         </div> 
 
        </li> 
 

 
        <li> 
 
         <div class="dropdown"> 
 
          <button class="dropbtn">Turnering</button> 
 
          <div class="dropdown-content"> 
 
           <a href="terminliste.html">Terminliste</a> 
 
           <a href="torsdagsgolf.html">Torsdagsgolf</a> 
 
           <a href="eldre_resultater.html">Eldre resultater</a> 
 
          </div> 
 
         </div> 
 
        </li> 
 
        <li><a href="sistenytt.html">Siste nytt</a></li> 
 
        <li><a href="kontaktoss.html">Kontakt</a></li> 
 

 
        <!-- INNLOGGING GOLFBOX --> 
 
        <li> 
 
         <div class="dropdown"> 
 
          <button class="dropbtn">Golfbox</button> 
 
          <div class="dropdown-content"> 
 
           <form action="http://golfbox.no/login.asp" method="post" target="_blank" id="golfbox-login" autocomplete="off"> 
 
            <input id="loginboxusername" type="text" class="form-control" name="loginform.username" value="" placeholder="Brukernavn"></input> 
 
            <input id="loginboxpasswd" type="password" class="form-control" name="loginform.password" value="" placeholder="Passord"></input> 
 
            <input id="button" type="submit" value="Logg inn"></input> 
 
            <input type="hidden" value="true" name="loginform.submitted" id="loginform.submitted"> 
 
            <input type="hidden" value="http://norskgolf.newsfront.no" name="redirect" id="redirect"> 
 
            <input type="hidden" value="login" name="command" id="command"> 
 
           </form> 
 
          </div> 
 
         </div> 
 
        </li> 
 
        <!-- Slutt på innlogging golfbox --> 
 

 
       </ul> 
 
      </div> 
 
      <!-- Slutt på navigasjonsbar --> 
 
     </div> 
 
     <!-- slutt på header-image --> 
 

 
     <!-- HOVEDINNHOLD --> 
 
     <div id="main"> 
 
      <table class="table"> 
 

 
       <thead> 
 

 
        <tr> 
 

 
         <th>Dato</th> 
 

 
         <th>Turnering</th> 
 

 
         <th>Spilleform</th> 
 

 
         <th>Starttid</th> 
 

 
         <th>Påmeldingsfrist</th> 
 

 
         <th>Kontigent</th> 
 

 
         <th>Resultater</th> 
 

 
        </tr> 
 

 
       </thead> 
 

 
       <tbody> 
 

 
        <tr> 
 

 
         <td>18.04.2017</td> 
 

 
         <td>Sommerkarusell 2017</td> 
 

 
         <td>Stableford</td> 
 

 
         <td>18.30</td> 
 

 
         <td>*</td> 
 

 
         <td>250,-</td> 
 

 
         <td><a href="http://www.golfbox.no/livescoring/tour/?language=1044#/competition/295290/results">Klikk her</a></td> 
 

 
        </tr> 
 

 
        <tr> 
 

 
         <td>01.05.2017</td> 
 

 
         <td>Åpningsturnering</td> 
 

 
         <td>Par-scramble</td> 
 

 
         <td>11.00</td> 
 

 
         <td>30.04.2014 kl 18:00</td> 
 

 
         <td>200,-</td> 
 
         <td> </td> 
 

 
        </tr> 
 

 
        <tr> 
 

 
         <td>21.05.2017</td> 
 

 
         <td>NordVest Tour - Selje Open</td> 
 

 
         <td>Brutto og stableford</td> 
 

 
         <td>11.00</td> 
 

 
         <td>13.05.2017 kl 18:00</td> 
 

 
         <td>200,-</td> 
 
         <td> </td> 
 

 
        </tr> 
 
        <tr> 
 

 
         <td>12.06.2017</td> 
 

 
         <td>Nordea Pairs</td> 
 
         
 
         <td>Parturnering, stableford, fourball</td> 
 

 
         <td>11.00</td> 
 

 
         <td>13.06.2017 kl 18:00</td> 
 

 
         <td>200,-</td> 
 
         <td> </td> 
 

 
        </tr> 
 
        <tr> 
 

 
         <td>09.08.2017</td> 
 

 
         <td>Parturnering</td> 
 

 
         <td>Scramble, fourball og foursome</td> 
 

 
         <td>11.00</td> 
 

 
         <td>08.08.2017 kl 18:00</td> 
 

 
         <td>200,-</td> 
 
         <td> </td> 
 

 
        </tr> 
 
        <tr> 
 

 
         <td>27.08.2017</td> 
 

 
         <td><a href="http://www.golfbox.no/livescoring/tour/?language=1044#/competition/287213/info">Klubbmesterskap</a></td> 
 

 
         <td>Brutto slag</td> 
 

 
         <td>11.00</td> 
 

 
         <td>05.09.2017 kl 18:00</td> 
 

 
         <td>200,-</td> 
 
         <td> </td> 
 

 
        </tr> 
 
        <tr> 
 

 
         <td>06.09.2017</td> 
 

 
         <td>Trisome </td> 
 

 
         <td>Mer info kommer...</td> 
 

 
         <td>*</td> 
 

 
         <td>*</td> 
 

 
         <td>*</td> 
 
         <td> </td> 
 

 
        </tr> 
 

 
        <tr> 
 

 
         <td>27.09.2017</td> 
 

 
         <td>Selje Pairs</td> 
 

 
         <td>Greensome, stableford</td> 
 

 
         <td>11.00</td> 
 

 
         <td>26.09.2017 kl 18:00</td> 
 

 
         <td>200,-</td> 
 
         <td> </td> 
 
        </tr> 
 
       </tbody> 
 
      </table> 
 
     </div> 
 
     <!-- Slutt på hovedinnhold --> 
 
     <div id="footer"> 
 
      <a href="http://pbortne.no/">© 2016 pbortne.no</a> 
 
     </div> 
 
    </body> 
 
</html>

источник

2017-02-06 golfsko

попробуйте щелкнуть правой кнопкой мыши по ссылке, а затем нажать «проверить элемент» (в хроме). Если вы проверите ссылку, то ваша ссылка будет помещена в порядке, если вы случайно нажмете на что-то еще, тогда у вас есть проблема с z-index. Что вы проверяете, если вы это сделаете? – ntgCleaner

Я не вижу, чтобы вы устанавливали z-index в любом месте. Подумайте, превратив это в скрипку. – jmargolisvt

Я проверяю тег тела. – golfsko

.dropdown-content { 
    z-index:9999; 
}

Добавить какие-либо номер, который требуется для Z-индекс.

Lear more here about z-index

источник

2017-02-06 21:31:27 stojevskimilan

Привет всем и спасибо за вашу помощь. Похоже, что это не было проблемой z-index. Мое тело тег был как этот

<body onload="ClearForm()">

Когда я снял его, все работает просто отлично :)

угадываю я найти другой способ, чтобы очистить свои формы, когда я загрузить страницу.

Еще раз спасибо!

источник

2017-02-07 07:43:21 golfsko

Не могу щелкнуть ссылки, подозревая проблему z-index

ответ

Смежные вопросы