Menu principal : annuler le "flottement" ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Menu principal : annuler le "flottement" ?

    Bonjour à vous tous,


    Une fois encore je reviens vers la communauté qui m'a déjà grandement aidé !

    Aujourd'hui, c'est pour un réglage de .css . Je m'explique :


    Sur le site que j'administre depuis peu se trouvait un horrible menu principal, écrit en majuscule, noir sur fond rouge, et pas en gras. Le truc à peine lisible...

    Voici ce que j'en ai fait en chipotant à mon template.css (pour info, template-kit-06 de joomla) :


    http://www.arv.be/


    Loin d'être parfait mais déjà plus joli visuellement, en donnant un effet 3D au background, écriture sans majuscule, en blanc, gras, et jaune clair si inactif, comme le reste du site, et l'ajout de font awesome pour les icones.

    Pour être tout à fait honnête je n'en suis pas encore convaincu mais j'attends l'été pour le remplacer par un autre, dans un style autrement plus "moderne".


    Cela dit en attendant j'aimerais y apporter encore 1 petite amélioration, que je n'arrive pas à localiser dans mon template (je vous jure avoir fouillé les fofo pendant 2 jours avant de vous solliciter, excusez-moi d'avance si vous parvenez à déterrer un topic ) :

    j'aimerais supprimer ce décalage pénible vers la droite de l'icone actif, et de l'icone au passage de la souris
    ; cela décale tout le menu vers la droite de +- 10px, c'est moche et inutile.


    Je joins ici mon template.css ; je remercie 1000x celui qui pourra me renseigner de plutôt m'indiquer la modif à effectuer que de la réaliser lui-même, je cherche toujours à apprendre. Merci !

    https://www.dropbox.com/s/nrj1174z01...plate.css?dl=0
    -
    Dernière édition par Selim à 28/03/2017, 20h56

  • #2
    Re : Menu principal : annuler le "flottement" ?

    Bonsoir,

    Je pense qu'en ajoutant ceci à la fin de template.css, cela doit aller
    Code:
    ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a {
        padding: 0;
    }
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Menu principal : annuler le "flottement" ?

      encore toi merci beaucoup !


      j'ai appliqué ta solution, je crois qu'on y est presque. http://www.arv.be/

      visiblement une autre ligne lui demande de flotter vers la gauche ; p-e modifier le pading de ton code en mettant + ou - qqchose ?

      Commentaire


      • #4
        Re : Menu principal : annuler le "flottement" ?

        Ca y est !

        je m'en suis sorti avec :

        ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a {
        padding: 0 10px;
        }

        merci pour ton code lomart !

        Commentaire


        • #5
          Re : Menu principal : annuler le "flottement" ?

          j'ai p-e parlé un peu trop vite...


          un autre petit problème est apparu, quand on passe sur le lien actif cette fois le menu se décale vers la gauche...

          Athénée Royal Vauban



          template actualisé https://www.dropbox.com/s/v47shcib0h...plate.css?dl=0


          une idée sur quelle ligne chipoter ?...

          Commentaire


          • #6
            Re : Menu principal : annuler le "flottement" ?

            je l'ai

            ul.art-hmenu>li>a.active
            {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            padding: 0 10px;/*28px ecartement origine menu horiz -- puis 20 puis 18 */
            margin: 0 auto;
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
            }
            le padding était en 0 16...

            Commentaire


            • #7
              Re : Menu principal : annuler le "flottement" ?

              Je vois que tu progresse dans le CSS. Bravo
              Il faut toujours prendre en compte les :hover et .active
              UP, le plugin universel à découvrir sur https//up.lomart.fr
              bgMax
              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

              Commentaire


              • #8
                Re : Menu principal : annuler le "flottement" ?

                Un petit conseil : au lieu de modifier le code, ajoutes tes corrections en fin de fichier. C'est plus facile pour se relire et corriger ses corrections
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : Menu principal : annuler le "flottement" ?

                  ok merci du conseil (et du compliment ), je croyais que ça créerait un conflit, mais il est question de hiérarchie si je comprends bien.

                  j'aurais une dernière chose à te demander pour ce menu quand tu auras le temps d'y jeter un oeil :

                  chaque page appelée par les liens du menu se comportent comme prévu, sauf dans "Localisation" :
                  je ne sais pas pourquoi mais uniquement sur cette page, le menu principal change de font size...

                  http://www.arv.be/index.php/localisation

                  j'ai comparé les menus dans l'éditeur joomla, rien de particulier à signaler ; et j'ai fouillé le css sans tomber sur qqchose de concluant, en tout cas rien relatif à ce lien en particulier... j'ai aussi tenté d'appliquer un autre fa-icon, plus large comme les autres, mais aucune différence.

                  je sèche...

                  Commentaire


                  • #10
                    Re : Menu principal : annuler le "flottement" ?

                    Je ne vois pas le souci.
                    Une copie d'écran pour voir ?
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      Re : Menu principal : annuler le "flottement" ?

                      bien sûr ; le voici :




                      en haut tu peux voir que sur n'importe quel menu (ici Visite), les marges du menu sont identiques, puisque j'ai réglé la marge de gauche pour centrer le menu.

                      en bas tu peux constater un décalage quand on est sur Localisation, car la taille de police de tous les liens du menu a rapetissée ; je ne sais vraiment pas pourquoi cela réagit comme ça
                      Dernière édition par Selim à 28/03/2017, 21h52

                      Commentaire


                      • #12
                        Re : Menu principal : annuler le "flottement" ?

                        Salut
                        en regardant je ne vois aucune différence en ligne
                        Essais de vider ton cache ou de tester en navigation privée, ou encore avec un autre navigateur ou pc
                        Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

                        Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

                        Commentaire


                        • #13
                          Re : Menu principal : annuler le "flottement" ?

                          Je ne vois pas de différence. Quel navigateur ?
                          Cliquez sur l'image pour l'afficher en taille normale

Nom : arv.jpg 
Affichages : 1 
Taille : 12,7 Ko 
ID : 1806131
                          UP, le plugin universel à découvrir sur https//up.lomart.fr
                          bgMax
                          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                          Commentaire


                          • #14
                            Re : Menu principal : annuler le "flottement" ?

                            alors là je ne comprends pas...

                            sur chrome, cache vidé, toujours pareil,

                            testé sur IE, pareil,


                            et donc chez vous ça ne le fait pas ? le menu vous parait bien centré que vous soyez sur accueil ou localisation ?

                            Commentaire


                            • #15
                              Re : Menu principal : annuler le "flottement" ?

                              testé sur mon pc portable avec chrome, même problème

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X