Image does not react completely as a link

Navigation
0

I have a menu on a web page but the logo image does not react as a full link, only a part of the image reacts to the click. According to me, it's because of the divs, but I do not know how to fix it. 

<nav class="top-bar show-for-medium-up" data-topbar role="navigation">
  <ul class="title-area">
    <li class="name">
      <a href="index.php" class="logo">
        <img src="img/caguama.png">
      </a>
    </li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a>
    </li>
  </ul>

  <section class="top-bar-section">
    <!-- Right Nav Section -->
    <ul class="right">
      <li style="margin-right:15px;"><a class="registrate" href="registrate.php">REGISTRATE</a>
      </li>
      <li><a class="sesion" href="login.php">INICIAR SESIÓN</a>
      </li>
    </ul>
    <br>
    <ul class="right nav-menu">
      <li><a href="Inicio.php">Inicio</a>
      </li>
      <li class="active"><a href="quinesomos.html">quines somos</a>
      </li>
      <li><a href="soporte.php">SOPORTE</a>
      </li>
      <li><a href="contacto.php">CONTACTO</a>
      </li>
    </ul>
</nav>

It is assumed that when you click on any part of the image you must re-direct but you do not

    
asked by Sergio 17.01.2017 в 23:39
source

3 answers

0

works well, or is it why I change the image? 

<nav class="top-bar show-for-medium-up" data-topbar role="navigation">
            <ul class="title-area">
                <li class="name">
                    <a href="index.php" class="logo"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT6qHJTkvAKjmyQZ_zr_tF_ngX7D-N5pl1S8uC6N8t9t7VCa3s7"></a>
                </li>
            <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
            </ul>

            <section class="top-bar-section">
            <!-- Right Nav Section -->
            <ul class="right">
                <li style="margin-right:15px;"><a class="registrate" href="registrate.php">REGISTRATE</a></li>
                <li><a class="sesion" href="login.php">INICIAR SESIÓN</a></li>
            </ul>
            <br>
            <ul class="right nav-menu">
                <li><a href="Inicio.php" >Inicio</a></li>
                <li class="active"><a href="quinesomos.html">quines somos</a></li>
                <li><a href="soporte.php">SOPORTE</a></li>
                <li><a href="contacto.php">CONTACTO</a></li>
            </ul>
    
answered by 18.01.2017 / 01:30
source
0

should verify the classes in your css, if we do not have the css code in sight we will not be able to help you, in the same way verify that your divs open and close and what is inside each div is what should be and is not Also verify the directory where your image is, you may be specifying the route incorrectly, check if they are at the same level of directory or if your folder " img " is outside that folder, if it is outside you can use ../ to return a directory, just make sure the extension is " .png, .jpg, etc. "

    
answered by 20.01.2017 в 15:25
-1

It is already resolved, I changed the class of div : 

div="rigth"

and it was perfect.

    
answered by 20.01.2017 в 16:55
redirect yii2 does not work Pass minutes in int format to HH: MM SQL format