Li et height

Bonsoir,

J'ai un petit souci avec le bout de code suivant

          <ul id="portal-globalnav">
            <li id="portaltab-index_html" class="selected">
              <a href="http://192.168.1.1:8080/www.test.com">Accueil</a></li>

Je souhaite assigner une hauteur au lien dans le "LI" mais ça ne fonctionne pas, j'ai mis le code suivant et quand bien meme les bords sont présentés la taille n'est pas modifiée (la hauteur du "UL" est bien modifiable

#portal-globalnav li {
  border: 1px solid red;
  height: 50px;
  }

Si vous avez une idée, merci de votre aide.

Sébastien

Bonsoir,

si j'ai bien compris ce que tu as expliqué, tu veux agrandir la zone cliquable de ta ligne sur une hauteur de 50px. Pour ce faire, il faut déclarer une classe pour le lien, le faire apparaître comme bloc et lui assigner une hauteur.

Voilà le code css correspondant à la classe du lien :

.class_du_lien
{
display:block;
height:50px;
}

C'est tout ! Tu as maintenant une zone cliquable de 50px de haut. J'espère que cela t'auras aidé

Sébastien
Modifié par Sebby (17 Feb 2006 - 23:04)

Bonsoir,

Par défaut, un lien a est de type inline. L'idée est donc de transformer les liens en blocs afin de leur attribuer des dimensions, ou encore des bordures.

On obtient ainsi, pour la spécification de la hauteur :

#portal-globalnav li a {
   display: block;
   height: 50px;
}

Pour le reste, tout dépend s'il s'agit d'un menu horizontal ou vertical. Dans le cas d'un menu horizontal, on peut par exemple utiliser un positionnement flottant sur les li avec la propriété float: left;.

Bon courage !
Modifié par Romain H. (17 Feb 2006 - 22:56)