title: can not load some pages html or css
body: <p>I'm doing a database project for university, but actually my question is related to html or css (I think).</p>
  
  <p>Here's the thing: I have a navigation bar around the website but when I'm in some some pages I can't access others, for example when I'm in "change password" page and I put the mouse over "Log Out" it's impossible to click.</p>
  
  <p>Thanks in advance, André</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;div id="linking"&gt;      
      &lt;ul&gt;
          &lt;li&gt;
              &lt;a href="index.php"&gt;Home&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="trips.php"&gt;Search for trips&lt;/a&gt;
          &lt;/li&gt;
          &lt;?php
          if (isset($_SESSION['user_logged_in'])) {
  
              if (($_SESSION['user_email']) === "admin@email.com") {
                  ?&gt;
                  &lt;li&gt;
                      &lt;a href="new_tour.php"&gt;Create tour&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="new_service.php"&gt;Create service&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;?php
              }
              ?&gt;
  
              &lt;li&gt;
                  &lt;a href='profile.php'&gt;Change settings&lt;/a&gt;
              &lt;/li&gt; 
              &lt;li&gt;
                  &lt;a href='change_password.php'&gt;Change password&lt;/a&gt;
              &lt;/li&gt;                       
              &lt;li&gt;
                  &lt;a href='logout.php'&gt;Log out&lt;/a&gt;
              &lt;/li&gt;
              &lt;label&gt;Hello &lt;?php print_r($_SESSION['user_name']) ?&gt;!&lt;/label&gt;
  
              &lt;?php
          } 
          else {
              ?&gt;
              &lt;li&gt;
                  &lt;a href='login.php'&gt;Log In&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="new_customer.php"&gt;Register&lt;/a&gt;
              &lt;/li&gt;
              &lt;label&gt;Hello visitor!&lt;/label&gt;
              &lt;?php
          }
          ?&gt; 
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the css:</p>
  
  <pre><code>/* common properties */
  body{
      background-color: #d8d8d8;
  }
  
  hr{
      color: firebrick;
      background-color: firebrick;
      border-color: transparent;
  }
  
  .registering {
      position: absolute;
      left: 30%;
      top: 0%;
  }
  
  .loging {
      position: absolute;
      left: 33%;
      top: 25%;
  }
  
  td{
      vertical-align: middle;
  }
  
  /* .loging class properties */
  body .loging{  
      position:absolute;
      left:32%;
      top:25%;
  }
  
  .loging td{
      padding:  5px;
      text-align: center;
      font-size: 20px;
      font-family: sans-serif;
      color: firebrick;
  }
  
  .loging td input{
      width: 500px;
      height: 23px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-style: solid;
      border-color: transparent;
      text-align: center; 
      font-size: 16px;
  }
  
  .loging td input[type="submit"]{
      width: 120px;
      height: 30px;
      background-color: firebrick;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      border-radius: 0px;    
  }
  
  .loging td input[type="password"]{
      font-size: 24px;
  }
  
  
  /*. registering class properties */
  .registering td{
      padding: 5px;
      text-align: center;
      font-size: 18px;
      font-family: sans-serif;
      color: firebrick;
  }
  
  .registering td input{
      width: 500px;
      height: 23px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-style: solid;
      border-color: transparent;
      text-align: center; 
      font-size: 16px;
  }
  
  .registering td input[type="submit"]{
      width: 120px;
      height: 30px;
      background-color: firebrick;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      border-radius: 0px;
  }
  
  .registering td input[type="password"]{
      font-size: 24px;
  }
  
  /* .linking properties */
  
  #linking label{
      color: firebrick;
      font-weight: bold;
      float:right;
      position: fixed;
      left: 90%;
      font-family: sans-serif;
      font-size: 16px;
  }
  
  li{
      display: inline;
      padding-right: 2px;
      padding-left: 2px;
  }
  
  a{
      color:firebrick;
      font-weight: bold;
      position: relative;
      display: inline-block;
      font-family: sans-serif;
      font-size: 14px;
      text-decoration: none;
  }
  
  
  /* section properties */
  section{
      padding:5px;
      position: absolute;
      width:30%;
  }
  
  section table{
      padding: 8px;    
  }
  
  section hr{
      background-color: #FFFFFF; 
  }
  
  section td, th{
      width:32%;
      text-align: center; 
  }
  
  
  
  /* search for trips */
  body .search{  
      position:absolute;
      left:32%;
      top:25%;
  }
  
  .search td{
      padding:  5px;
      text-align: center;
      font-size: 20px;
      font-family: sans-serif;
      color: firebrick;
  }
  
  .search td input{
      width: 500px;
      height: 23px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-style: solid;
      border-color: transparent;
      text-align: center; 
      font-size: 16px;
  }
  
  .search td input[type="submit"]{
      width: 120px;
      height: 30px;
      background-color: firebrick;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      border-radius: 0px;
  
  }
  </code></pre>
  
  <p>Logout.php code:</p>
  
  <pre><code>&lt;?php
  session_start();
  unset($_SESSION['user_logged_in']);   
  session_destroy();
  header("Location:index.php");
  echo "&lt;script&gt;alert('You have been logged out! Please come back anytime!')&lt;/script&gt;";
  ?&gt;
  </code></pre>