Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage PHP Menu en ligne de taille variable

Menu en ligne de taille variable

35 réponses
Avatar
messian_nospam
Bonjour,

Un dessin vaut mieux qu'un long discours :

http://www.idjinn.com/img/menus-ex.gif

Je cherche à créer une zone de menus de largeur fixe mais pouvant
accueillir un nombre variable de menus (1, 2, 3, 4...) et que chacun se
répartissent dans la largeur disponible. Contrairement à mon exemple,
les titres seront évidemment de largeurs différentes...

Des pistes ?

--
Un moyen de garde pour vos enfants ?
http://www.easynounou.com
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3 4
Avatar
Téo Path
Le 20/11/2007 11:09, Téo Path a écrit :

Le site sera intégré avec un C.M.S... du coup le nombre de rubriques
peut varier... et je ne vois pas comment faire le lien entre les CSS et
le nombre de rubriques.



Il suffit de générer le style :
#menu li { width: <?php echo (100/$nombre_de_menus);?>%; }

dans le "head" de la page



C'est bien joli, mais s'il ne connaît pas le nombre de menus au moment
où il écrit le premier d'entre eux, à fortiori il ne peut pas connaître
ce nombre ou moment d'écrire le <head>.



Oui, il peut explorer un peu avant de générer la page.

--
Teo Path
http://www.osteopathe-lille.com
http://www.do-annu.com
Avatar
METIS
JF Messian wrote:
METIS wrote:
<table width="750" border="0" cellspacing="0"
cellpadding="0">
<tr align="center">
<td>petit menu </td>
<td>tr&egrave;s grand menu </td>
<td>menu</td>
<td>tr&egrave;s tr&egrave;s grand menu </td>
<td>pouf...</td>
</tr>
</table>



Oui... tant que tu connais à l'avance le nombre de menu
tout va bien....



==>Pour moi qui suis assez bourin en code (t'es au
courant(;o))) tu ajoutes une ligne...
<td>menu</td>
dans le paquet, et ça se démerde (tans que la typo a la
place de s'afficher).

Mais tu cherches un truc dynamique ou c'est toi qui écris le
code en fonction des besoins?

--
<|[;o)) METIS
http://www.graphM.com
Pour m'écrire en privé, mettez-moi des oranges...
Avatar
messian_nospam
Stéphane Santon wrote:

Bonjour,

JF Messian a écrit :
> Le site sera intégré avec un C.M.S... du coup le nombre de rubriques
> peut varier... et je ne vois pas comment faire le lien entre les CSS et
> le nombre de rubriques.

Si le site est géré par un CMS (son nom pourrait nous aider), le nombre
de rubriques, même s'il varie, est connu au moment de la génération de
la page.
Donc c'est possible de générer un style CSS dépendant du nombre de
menus.



Pour le moment ce sera amec CMS Made Simple.


--
Un moyen de garde pour vos enfants ?
http://www.easynounou.com
Avatar
messian_nospam
SAM wrote:

Sinon, oui le tableau, mais il devrait suffire de donner
- au UL du menu le display table
- et à ses LI le display cellule



Marche pas sur safari 3 et firefox mac...


--
Un moyen de garde pour vos enfants ?
http://www.easynounou.com
Avatar
SAM
JF Messian a écrit :
SAM wrote:

Sinon, oui le tableau, mais il devrait suffire de donner
- au UL du menu le display table
- et à ses LI le display cellule



Marche pas sur safari 3 et firefox mac...



Alors soit :
- nous n'avons pas les mêmes versions
- tu as merdé le code

car chez moi c'est OK pour Fx Safari Opera

test :
http://cjoint.com/?lusjbGUGEs

--
sm
Avatar
Olivier Miakinen
Le 20/11/2007 18:10, SAM a écrit :

chez moi c'est OK pour Fx Safari Opera

test :
http://cjoint.com/?lusjbGUGEs



OK pour SeaMonkey sur Windows 2000. Avec IE 6, bien sûr, ça ne marche
pas (les menus sont les uns au dessous des autres et occupent toute la
largeur disponible).
Avatar
SAM
Olivier Miakinen a écrit :
Le 20/11/2007 18:10, SAM a écrit :
chez moi c'est OK pour Fx Safari Opera

test :
http://cjoint.com/?lusjbGUGEs



OK pour SeaMonkey sur Windows 2000. Avec IE 6, bien sûr, ça ne marche
pas (les menus sont les uns au dessous des autres et occupent toute la
largeur disponible).



Mais ça existe encore ça IE6 ?
(c'est un peu normal, je crois qu'il ne connait pas table-row, non?)

Tous les menus ? Même le test 3 ?

--
sm
Avatar
Olivier Miakinen
Le 20/11/2007 23:15, SAM a écrit :

http://cjoint.com/?lusjbGUGEs



OK pour SeaMonkey sur Windows 2000. Avec IE 6, bien sûr, ça ne marche
pas (les menus sont les uns au dessous des autres et occupent toute la
largeur disponible).



Mais ça existe encore ça IE6 ?



:-D

(c'est un peu normal, je crois qu'il ne connait pas table-row, non?)



'bsolument.

Tous les menus ? Même le test 3 ?



Non, pour le test 3 il met les trois premiers menus en ligne et, bien
qu'il lui reste encore beaucoup de place à droite, il met le 4e menu
sous le premier.
Avatar
SAM
Olivier Miakinen a écrit :
Le 20/11/2007 23:15, SAM a écrit :
http://cjoint.com/?lusjbGUGEs


Avec IE 6, bien sûr, ça ne marche pas





(c'est un peu normal, je crois qu'il ne connait pas table-row, non?)



'bsolument.



et même table-cell viens-je de voir sur Google

Voici qui se dégrade acceptablement avec mon IE (pour Mac)
<http://cjoint.com/?lvaVy4Pw73>
mais limité à 6 menus ...

Tous les menus ? Même le test 3 ?



Non, pour le test 3 il met les trois premiers menus en ligne et, bien
qu'il lui reste encore beaucoup de place à droite, il met le 4e menu
sous le premier.



Vu et réparé.

--
sm
Avatar
SAM
SAM a écrit :

Voici qui se dégrade acceptablement avec mon IE (pour Mac)
<http://cjoint.com/?lvaVy4Pw73>



Bon ... eh ben ... pas terrible, même si re-tenté de corriger,
si j'en crois :
<http://browsershots.org/http://cjoint.com/data/lvbcZQOwMx_menu_ul_table_ie.htm>
dont original :
<http://cjoint.com/data/lvbcZQOwMx_menu_ul_table_ie.htm>

Pourtant mon IE arrive à qque chose :
<http://cjoint.com/?lvbQt34gTt>

--
sm
1 2 3 4