mardi 21 avril 2015

How to make not clickable an menu voice in HTML?

I have the following problem.

Into an HTML\CSS menu I have some voices that represent main voices. When the user hovering one of these voices with the mouse cursor the subvoices are shown under this main voice.

It works fine but I want that the main voice is not clickable.

For example this is a main voice:

<li style="background-image: url('./img/bg_tabs_off70.png')">
    <a style="font-size: 11px;" 
       onclick="loadingPopUp();"
       href="javascript:chiamaIsPopup('admin')">

       <img width="50%" src="img/iconemenu_admin_off.png" alt="">
       <br>Admin</a>

       <span class="menuSpan">
           <a style="padding-left: 19%;font-size: 11px;" onclick="loadingPopUp();" href="javascript:chiamaIsPopup('anag')">Anagrafica</a>
           <a style="font-size: 11px;" onclick="loadingPopUp();" href="javascript:chiamaIsPopup('admin1')">Comunicazioni</a>
           <a style="font-size: 11px;" onclick="loadingPopUp();" href="javascript:chiamaIsPopup('adminDocumentazione')">Documentazione</a>
           <a style="font-size: 11px;" onclick="loadingPopUp();" href="javascript:chiamaIsPopup('richiestaEDI')">Richiesta EDI</a>
           <a style="font-size: 11px;" onclick="loadingPopUp();" href="javascript:chiamaIsPopup('inserisciBanca')">Inserisci Banca</a>
           <a style="font-size: 11px;" onclick="loadingPopUp();" href="javascript:chiamaIsPopup('listaCancellaModificaBanche')">Lista/Cancella/Modifica Banche </a>

         </span>
</li>  

As you can see in the previous code snippet the first link is the main voices that I want to be not clickable and the link inside the class=menuSpan span are the subvoices.

What can I do to avoid that the main voice is clickable?

Aucun commentaire:

Enregistrer un commentaire