Discussion :

[surfeur2]

Bonjour,

Actuellement ce qui est fonctionnel -> click sur le texte.

Ce que je veux est que toute la surface de la ligne soit fonctionnel et ceci sans espacement!

si je mets ceci, c'est à dire le a au début:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

 <a href="AjoutMod1_onglets.php"><li>onlgets </li></a>

J'ai un gros espacement avant et après, j'aimerai supprimer ces espacements... :-(

Tout le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script>
  $(function() {
    $( "#menu" ).menu();
  });
  </script>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<ul id="menu">
  <li class="ui-state-disabled" style="color:white">a</li>
  <li><a href="AjoutMod1_onglets.php">onlgets</a> </li>
   <li><a href="AjoutMod1_info.php">informations</a></li>
  <li><a href="AjoutMod1_accueil.php">accueil</a></li>
  <li><a href="AjoutMod1_services.php">services</a></li>
  <li><a href="AjoutMod1_photos.php">produits</a></li> 
  <li class="ui-state-disabled" style="color:white">a</li>
</ul>

merci d'avance!

[danielhagnoul]

CSS ?

[surfeur2]

Jquery ui

[danielhagnoul]

Exemple (http://jqueryui.com/menu/).

"ui-state-disabled" : pas d'attribut style dans le code, on ne doit modifier que l'opacité.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.ui-menu { width: 150px; }
.ui-state-disabled { opacity: 0.25 !important; } /* 0.35 par défaut */

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<ul class="menu">
  <li class="ui-state-disabled">
    a
  </li>
  <li>
    <a href="AjoutMod1_onglets.php">onlgets</a>
  </li>
  <li>
    <a href="AjoutMod1_info.php">informations</a>
  </li>
  <li>
    <a href="AjoutMod1_accueil.php">accueil</a>
  </li>
  <li>
    <a href="AjoutMod1_services.php">services</a>
  </li>
  <li>
    <a href="AjoutMod1_photos.php">produits</a>
  </li> 
  <li class="ui-state-disabled">
    a
  </li>
</ul>