Re
Maintenant que grâce à Kustolovic je suis parvenu à centrer mon image, (voir http://www.alma-musica.net/tests/page1.html) qui se centre bien en tenant compte de la taille réelle de l'écran, l'étape suivante consiste à utiliser cette image centrée comme un arbre de Noël auquel accrocher des boules et des guirlandes, je veux dire les entrées de menu comme on le voit actuellement sur la page d'accueil du site http://www.alma-musica.net (ne me dites pas que c'est ringue, notre association a pu payer un designer une fois et très mal, on ne va pas changer le look!)
Pour cela, je vois mal comment le faire sans que ces fioritures soient des objets position:absolute, auquel cas il faut les mettre soit directement dans le body en "absolu de chez absolu", ou dans une div relative.
Comme la position des menus se fait par rapport au grand logo central, l'idéal serait d'avoir un conteneur "moulant", c'est à dire englobant exactement mon image, et de positionner les entrées de menu dans ce conteneur.
Si c'est faisable, c'est je jackpot car je n'aurais plus besoin du tout de les positionner en JS comme je le fais actuellement, tout serait fait par CSS, y compris l'apparition progressive des éléments grâce aux transitions CSS3.
Je me suis demandé si par hasard la balise <img> ne serait pas devenue englobante, un peu comme <input type="button"> a laissé la place à <button> qui, lui, peut contenir des éléments, mais ça n'a pas l'air d'être le cas.
Une idée avant que je me remette à coder en jQuery le calcul des positions par rapport aux bords de la page?
Modifié par PapyJP (05 Mar 2015 - 11:07)
Maintenant que grâce à Kustolovic je suis parvenu à centrer mon image, (voir http://www.alma-musica.net/tests/page1.html) qui se centre bien en tenant compte de la taille réelle de l'écran, l'étape suivante consiste à utiliser cette image centrée comme un arbre de Noël auquel accrocher des boules et des guirlandes, je veux dire les entrées de menu comme on le voit actuellement sur la page d'accueil du site http://www.alma-musica.net (ne me dites pas que c'est ringue, notre association a pu payer un designer une fois et très mal, on ne va pas changer le look!)
Pour cela, je vois mal comment le faire sans que ces fioritures soient des objets position:absolute, auquel cas il faut les mettre soit directement dans le body en "absolu de chez absolu", ou dans une div relative.
Comme la position des menus se fait par rapport au grand logo central, l'idéal serait d'avoir un conteneur "moulant", c'est à dire englobant exactement mon image, et de positionner les entrées de menu dans ce conteneur.
Si c'est faisable, c'est je jackpot car je n'aurais plus besoin du tout de les positionner en JS comme je le fais actuellement, tout serait fait par CSS, y compris l'apparition progressive des éléments grâce aux transitions CSS3.
Je me suis demandé si par hasard la balise <img> ne serait pas devenue englobante, un peu comme <input type="button"> a laissé la place à <button> qui, lui, peut contenir des éléments, mais ça n'a pas l'air d'être le cas.
Une idée avant que je me remette à coder en jQuery le calcul des positions par rapport aux bords de la page?
Modifié par PapyJP (05 Mar 2015 - 11:07)