Aide CSS, Rendre le menu fluide

J'ai reçu de l'aide avec ce menu plus tôt mais j'ai une demande différente maintenant.Aide CSS, Rendre le menu fluide

Le menu fonctionne bien avec une largeur fixe, mais je voudrais que les mots ne soient inclus que dans les catégories du menu principal. Je dois pouvoir avoir n catégories et avoir la largeur répartie uniformément. Évidemment, n serait dans les limites (je ne vais pas avoir 50 catégories) mais je dois être en mesure d'ajouter plus et ne pas s'inquiéter de ma limite de largeur.

Merci pour toute aide.

Lien:

http://www.seth-duncan.com/Test/TestMenu.html

-Seth

Source

2009-06-15 Anonymous

j'ai sauté pour le vérifier, mais vous avez déclaré de votre emballage div style en ligne. Je le rend difficile à travailler, pourquoi ne pas le définir dans la feuille de style? –

Ouais c'était juste une solution temporaire en ligne pour l'envelopper pendant que je testais. Les styles sont faits dans la feuille de style réelle, mais il faut ajouter une div d'emballage pour la version de test. Des idées pour avoir le texte envelopper? –

Pour chaque élément de menu de niveau supérieur ajouter la classe 'rubrique' (ou quelque chose de similaire).

Ajoutez ensuite le CSS suivant à votre page:

#menu li 
{ 
    white-space: nowrap; 
} 

#menu .heading 
{ 
    white-space: normal; 
}

Source

2009-09-04 02:56:08 Brisbe42

Aide CSS, Rendre le menu fluide

Répondre

Questions connexes