Menu déroulant fixe

[Nita]

Coucou !

Alors je peux dire que je suis certaine que personne n'a deja donné la réponse car j'ai lu les 59 sujets créés concernant les mots clef "navigation" et "menu"
- Super motivée la fille.... n'est ce pas? haha
J'ai testé plein de truc, rien n'y fait.

Donc passons à la question ! En fait j'ai deux soucis :

1 = sur mon menu déroulant, le sous-menu est pas du tout centré... genre il est dirigé vers la droite... c'est un peu comme s'il louchait quoi...

2 = Genre j'addooorerais avoir un menu déroulant qui dévoile les sous-menu sans qu'ils disparaissent dès qu'on éloigne le curseur. Genre un super menu qui intègre les sous-menu au dessus du content sans qu'ils passent par dessus. Un menu qui reste malgrés tout rétractable mais qui s'ouvre sur toute la largeur du content. Bref mon menu de rêve
Un menu qui existe puisque j'ai deja vu cette fonction sur d'autres design qui on le menu en sidebar... et avec lequel j'ai déja bataillé pour les faire passer en top... ce qui n'a jamais marché non plus....

bref voilà le lien de mon site : http://astrolab-art.jimdo.com/inventive-artisan/

Bisous

[FredVig]

il n'y a pas de réponse unique (de type code) à chaque question, mais UNE SEULE réponse (toujours la même) :
- Lisez les tutos qui permettent de modifier le Head
- Identifiez l'élément, ou la class à modifier (avec l'inspecteur de code)
- Essayez (dans l'inspecteur de code) de changer la ou les propriétés qui pose problème
- inscrivez le code dans modifier le Head

- Si la modification touche un élément de navigation, il vaut mieux partir d'un design qui offre par défaut cette fonction, quitte à changer tout le reste.
Cela répond à votre question 2 : si vous avez trouvé le menu de rêve, prenez ce design ! Ce sera plus simple d'adapter le reste du site que d'adapter le menu à un autre template.

[FredVig]

Pour l'alignement centré ce sera possible en enlevant les padding et margin des éléments constituant la navigation (plusieurs éléments imbriqués) il faudra remettre le sous-menu en position relative et mettre les left: à 0px.
ça devrait donner ça :
[img][/img]

[Nita]

Oui bien justement.... je ne pense pas réussir a identifier l'élément.
et croyez bien que j'ai cherché avant de venir ! j'ai perdu une aprem entière là dessus.

Donc comme conseillé je viens de tester ça : et ça ne marche pas

<style type="text/css">
/*<![CDATA[*/
/* largeur et arrondi du content */
.navigation-colors
{ position: relative; left:0%; padding: 0px; margin: 0px}
/*]]>*/
</style>

et non je ne vais pas prendre un autre design que je ne sais pas modifier, vu que le pb reste le mm.... cette foutu id... j'ai examiné mon code sur la page web mode public... etc je trouve pas. Je fais du code du "dimanche" j'ai appris il y a qq jours.
je sais que menu c'est navigation-colors, mais "sous menu" je n'en sais rien ! j'ai testé plein de truc et rien de marche.
Donc si une âme super charitable saurait me donner le nom du coupable de ma prise de tete....
MErci

[Nita]

J'ai testé ça aussi....

<style type="text/css">
/*<![CDATA[*/
.cc-nav-level-1 a:link { position: relative; left: 0px; padding: 0px; margin: 0px }
/*]]>*/
</style>

marche pas.... mais fonctionne par contre très bien pour me rendre chèvre....

[Solie]

Bonjour,


Dans vos tests, il manque des ; avant les }.

;}

[Nita]

ça ne change rien non plus

Sinon il y aurait l'alternative "Copenhague" que j'ai essayé de modifier sans succes...
Si qqun sait comme mettre le menu qui est à gauche tout "en haut au dessus" du content, le tout bien centré ensemble... ça réglerait immédiatement mon problème !

[Solie]

Ça n'est pas une bonne idée de faire cela à partir d'un design dont la structure a été complètement pensée pour un menu à gauche.

Edit/ Celui-là n'a pas de menu fixe à gauche du content. Je viens de regarder Copenhagen. Il dispose en fait d'un menu extractible en top de page. Si vous trouvez un code pour que l'ouverture du menu s'effectue sur la largeur, ça devrait aller, à condition de le laisser en top.

[FredVig]

ça ne fonctionnera pas avec un seul contenant modifié, il y en a 8 imbriqués.
Il faut tous les modifier (ou du moins vérifier que c'est nécessaire)
Certaines propriétés exigent le "!important" en fin de code
et en tout cas, il vous manque au moins ceci :

Code:

.navigation-colors .j-nav-level-1
{position:relative!important;left:0px!important;}

[FredVig]

Mais c'est de toute façon assez bizarre de repousser le contenu vers le bas.
Pourquoi ne pas plus simplement laisser le menu tout le temps ouvert ?

Code:

.navigation-colors .j-nav-level-1
{position:relative!important;left:0px!important;}
.cc-nav-level-1
{opacity: 1!important;
max-height: 10000px!important;
display: block!important;
z-index: 650001!important;}
.navigation-wrapper::before {position: relative!important;top: 36px !important;}

[Solie]

Et le nouveau Zurich est lui aussi doté d'un menu extractible.

Si JIMDO lit: une nouveauté décevante pour moi qui utilisais ce design. L'ancien menu n'est même pas resté en variante ! Obligée de changer parce qu'un menu hamburger depuis un ordinateur normal et le nombre de clics que ceci impose, c'est juste insupportable.

Pour vous, ce devrait être moins compliqué qu'avec Copenhagen de centrer votre menu avec ce design. En le laissant au top hein, on n'explose pas le content comme vous l'avez fait Imposer un défilement de 3 hauteurs d'écran pour arriver à l'essentiel, c'est trop !

Edit: La décision que vous avez prise est bien plus sage. Vos visiteurs se perdront plus.

[Contenu sponsorisé]