28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'utilise une liste affichée de manière horizontale pour simuler une barre de menu.
Voici le css s'implifier que j'utilise pour ça:

li
{
     display: block;
     float: left;
}


Je souhaite que le dernier item de la liste utilise la largeur restante, j'ai ajouté la classe suivante :

li.lastitem
{
    float: none;
}

Mais le dernier li utilise toute la largeur et pas seulement le reste.
Comment faire
Salut,

Sans page en ligne ni plus de code je suis pas sur d'avoir saisi.

Mais peut être peux tu essayer de mettre une marge gauche à ton dernier lien correspondant à la somme des largeur de tous tes liens flottants, ainsi, il utilisera toute la largeur moins celles des autres liens, et par conséquent n'occupera que celle qui reste. Smiley smile
Cela serait une solution, si je connaissais la largeur des menus (balises li).
Mais il s'agit d'un menu paramétrable pour faire un template d'application, donc je ne connais ni le nombre de li ni leur largeur.
En fait je souhaite que le dernier li occupe tout le reste de la largeur pour pouvoir définir une zone sensible (avec onmouseover et onmouseout) permettant de rétracter l'entête du site qui se trouve juste au dessus du menu