Centrage barre de navigation en-tête

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centrage barre de navigation en-tête

Message par paumiste Jeu 19 Déc 2019 - 21:27

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : depuis environ 2 mois
Lien du forum : http://longue-paume.forumsactifs.com/index.htm

Description du problème

Bonjour,

J'ai un problème avec ma barre de navigation en en-tête qui n'est plus centrée pour les invités depuis environ 2 mois.
Pourtant je n'ai rien modifié dans les paramètres (voir photo)

Merci par avance pour votre aide.
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Ven 20 Déc 2019 - 8:14

Bonjour,

Ce qu m'intrigue, c'est que quel que soit le bouton de la barre de navigation dont on inspecte la source (par clic droit), on tombe sur le fichier empty.gif de chez illiweb. Je m'attendais à trouver les adresses des boutons visibles à l'écran, hébergés quelque part et insérés par la gestion des images dans le panneau d'administration. Comme selon votre profil vous n'avez pas de templates modifiés, je me demande comment vous avez placé ces boutons ?

Utilisez-vous peut-être un thème qui ne se prête pas pour la version Invision ?  Le défaut s'est-il manifesté suite à un changement de version du forum ?
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Ven 20 Déc 2019 - 17:49

Bonjour,

Merci pour votre aide.

Non je n'ai pas fait de changement de version.

Effectivement quand je vais dans la gestion des images : je ne vois rien et cela renvoi vers l' adresse https://2img.net/i/fa/empty.gif (voir image jointe)
Centrage barre de navigation en-tête Empty10


Peut être qu'il faudrait que j'héberge à nouveau mes boutons ? scratch (si je les retrouve)
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Ven 20 Déc 2019 - 19:03

Je ne sais pas comment cela a été fait avec le passage de la souris dans la feuille de styles. C'est probablement au niveau du CSS qu'il faudrait centrer toute la barre (qui ne comporte pas les mêmes éléments suivant si on est connecté ou pas), mais il y a tellement de fichiers .css sur cette page que j'en suis paumée... scratch.

https://i.servimg.com/u/f59/12/04/50/42/accuei10.png
https://i.servimg.com/u/f59/12/04/50/42/cherch10.png
https://i.servimg.com/u/f59/12/04/50/42/connex10.png
https://i.servimg.com/u/f44/12/04/50/42/galeri13.png
https://i.servimg.com/u/f41/16/91/74/39/inscri10.png
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Chacha Jeu 26 Déc 2019 - 9:44

Centrage barre de navigation en-tête UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67173
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Chacha Ven 27 Déc 2019 - 9:48

Centrage barre de navigation en-tête 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67173
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Centrage barre de navigation en-tête

Message par paumiste Ven 27 Déc 2019 - 13:02

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : septembre
Lien du forum : http://longue-paume.forumsactifs.com/index.htm

Description du problème

Bonjour,

Je reviens vers vous car mon sujet a été mis à la poubelle ce matin (après 7 jours d'absence de ma part, désolé : https://forum.forumactif.com/t402001-centrage-barre-de-navigation-en-tete?nid=2#3354130 )

J'ai un problème avec ma barre de navigation en en-tête qui n'est plus centrée pour les invités depuis environ 2 mois.
Pourtant je n'ai rien modifié dans les paramètres (voir photo)

Merci par avance pour votre aide.

Si cela peut aider, j'ai trouvé cela dans ma feuille de CSS :
Code:
#i_icon_mini_index{width:106px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/accuei10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/accuei10.png) no-repeat 0 -65px;}

#i_icon_mini_faq{width:105px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/faq1111.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/faq1111.png) no-repeat 0 -65px;}

#i_icon_mini_search{width:113px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/cherch10.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/cherch10.png) no-repeat 0 -65px;}

#i_icon_mini_members{width:96px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/membre10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/membre10.png) no-repeat 0 -65px;}

#i_icon_mini_groups{width:102px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/groupe10.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/groupe10.png) no-repeat 0 -65px;}

#i_icon_mini_profile{width:89px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/profil10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/profil10.png) no-repeat 0 -65px;}

#i_icon_mini_message{width:114px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/messag10.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/messag10.png) no-repeat 0 -65px;}

#i_icon_mini_new_message{width:114px; height:65px; background:url(https://i.servimg.com/u/f44/12/04/50/42/new_me10.gif) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(https://i.servimg.com/u/f44/12/04/50/42/new_me10.gif) no-repeat 0 -65px;}

#i_icon_mini_logout{width:138px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/deconn10.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/deconn10.png) no-repeat 0 -65px;}

#i_icon_mini_register{width:136px; height:65px; background:url(https://i.servimg.com/u/f41/16/91/74/39/inscri10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(https://i.servimg.com/u/f41/16/91/74/39/inscri10.png) no-repeat 0 -65px;}

#i_icon_mini_login{width:138px; height:65px; background:url(https://i.servimg.com/u/f59/12/04/50/42/connex10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(https://i.servimg.com/u/f59/12/04/50/42/connex10.png) no-repeat 0 -65px;}

#i_icon_mini_gallery{width:90px; height:65px; background:url(https://i.servimg.com/u/f44/12/04/50/42/galeri13.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(https://i.servimg.com/u/f44/12/04/50/42/galeri13.png) no-repeat 0 -65px;}


Dernière édition par paumiste le Ven 27 Déc 2019 - 14:00, édité 1 fois (Raison : ajout code CSS)
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Centrage barre de navigation en-tête

Message par Chacha Ven 27 Déc 2019 - 16:03

paumiste a écrit:Je reviens vers vous car mon sujet a été mis à la poubelle ce matin (après 7 jours d'absence de ma part, désolé : https://forum.forumactif.com/t402001-centrage-barre-de-navigation-en-tete )
Bonjour @paumiste,

Il suffisait d'envoyer un message privé à un membre du staff pour demander la remise en place de votre sujet.

Voilà qui est fait : votre sujet est replacé et le nouveau fusionné avec celui qui avait été délesté.

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67173
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Kardo Ven 27 Déc 2019 - 16:08

Bonjour,
Dans votre css personnalisé, essayez d'ajouter, display: inline-block; dans #submenu ul{}
Code:
#submenu ul {
    list-style: none;
    text-align: center;
    display: inline-block;
}

NB : Si un float: left; est défini ailleurs, ajoutez un float: none; au même niveau.

Cdt.

(edit: lisibilité)
Kardo

Kardo
Dévactif
Dévactif

Messages : 127
Inscrit(e) le : 06/12/2019

Voir le profil de l'utilisateur https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Dim 29 Déc 2019 - 19:53

Bonjour,

Merci pour votre réponse j'ai inséré display: inline-block; dans #submenu ul li a{} , mais rien ne change.

Voici ce que j'ai dans mon CSS avec le #submenu
Code:
#submenu ul li a {
padding: 0px;
margin: 0px;
display: inline-block;
text-decoration: none;
}
#submenu{
background-color: transparent;
margin: 0px;
padding: 0px;
padding-left: 0px;
margin-top: -100px;
margin-bottom: -21px;
/position: absolute;
/margin-left: 183px;
}
#submenu ul li a{
color: #3a352f;
}

Merci par avance
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Dim 29 Déc 2019 - 20:55

Avez-vous désactivé la feuille de style de base ?  Si oui, qu'est-ce que ça donne si vous la mettez (sans la forcer) ? Je n'ai aucune expérience avec la feuille de style de base désactivée, mais je m'imagine que ça implique qu'il faut penser soi-même à certains cas de figure, dont on n'aurait pas besoin de se préoccuper autrement... Est-ce que la barre de navigation est vraiment centrée pour les connectés ?
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Kardo Lun 30 Déc 2019 - 9:18

Kardo a écrit:Bonjour,
Dans votre css personnalisé, essayez d'ajouter, display: inline-block; dans #submenu ul{}
Code:
#submenu ul {
    list-style: none;
    text-align: center;
    display: inline-block;
}

NB : Si un float: left; est défini ailleurs, ajoutez un float: none; au même niveau.

Cdt.

(edit: lisibilité)

Essayez en l'insérant comme indiqué, j'ai normalement donné le bon élément sur lequel l'appliquer.
Cdt.
Kardo

Kardo
Dévactif
Dévactif

Messages : 127
Inscrit(e) le : 06/12/2019

Voir le profil de l'utilisateur https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Lun 30 Déc 2019 - 20:14

Kardo a écrit:
Kardo a écrit:Bonjour,
Dans votre css personnalisé, essayez d'ajouter, display: inline-block; dans #submenu ul{}
Code:
#submenu ul {
    list-style: none;
    text-align: center;
    display: inline-block;
}

NB : Si un float: left; est défini ailleurs, ajoutez un float: none; au même niveau.

Cdt.

(edit: lisibilité)

Essayez en l'insérant comme indiqué, j'ai normalement donné le bon élément sur lequel l'appliquer.
Cdt.

Bonjour @Kardo,
je n'ai pas de #submenu ul{} dans ma feuille de style c'est pour cela que j'avais essayé ailleurs
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Lun 30 Déc 2019 - 20:19

Faline a écrit:Avez-vous désactivé la feuille de style de base ?  Si oui, qu'est-ce que ça donne si vous la mettez (sans la forcer) ? Je n'ai aucune expérience avec la feuille de style de base désactivée, mais je m'imagine que ça implique qu'il faut penser soi-même à certains cas de figure, dont on n'aurait pas besoin de se préoccuper autrement... Est-ce que la barre de navigation est vraiment centrée pour les connectés ?


J'ai essayé de desactiver mais là il y a plus rien de bon

J'ai l'impression qu'elle est centrée pour les abonnés mais c'est peut être du au faire qu'il y ait davantage d'étiquettes je pense
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Sam 4 Jan 2020 - 17:22

paumiste a écrit:
Bonjour @Kardo,
je n'ai pas de #submenu ul{} dans ma feuille de style c'est pour cela que j'avais essayé ailleurs
Il suffit de coller le code donné par Kardo tel qu'il est dans la feuille de styles. Si ça ne marche pas, essayer en ajoutant le
Code:
float: none;
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Sam 4 Jan 2020 - 21:34

Bonjour,
Merci pour votre réponse mais les 2 solutions proposées ne fonctionnent pas aidez moi
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Sam 4 Jan 2020 - 22:15

Je vois
Code:
#submenu ul {
    display: inline-block;
    float: none;
    list-style: none;
    xxx
}
avec xxx = text-align: center;
Qu'est-ce que ça donne si vous ajoutez encore
Code:
text-align: center !important;
?
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Dim 5 Jan 2020 - 14:00

toujours rien avec ça :
Centrage barre de navigation en-tête Code_c10
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Dim 5 Jan 2020 - 17:02

scratch pas mal longue, cette feuille de styles (ligne 723...). Est-elle peut-être pleine et en train de s'effacer au fur et à mesure que vous ajoutez des choses ? C'est déjà bizarre qu'avec un de mes navigateurs je ne vois pas le fichier 14-ltr.css, avec l'autre je le vois, mais il ne contient rien répondant à la recherche mainmenu...
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Dim 5 Jan 2020 - 18:43

Bonjour,
Je ne vois rien s'effacer pourtant reflexion
Et cette partie cela n'a rien à voir ? je n'y connais pas grand chose
Code:
#submenu ul li a {
padding: 0px;
margin: 0px;
display: inline-block;
text-decoration: none;
}
#submenu{
background-color: transparent;
margin: 0px;
padding: 0px;
padding-left: 0px;
margin-top: -100px;
margin-bottom: -21px;
/position: absolute;
/margin-left: 183px;
}
#submenu ul li a{
color: #3a352f;
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Faline Lun 6 Jan 2020 - 13:14

Pour en avoir le cœur net : combien de caractères a ta feuille de styles perso ?

https://www.compteurdelettres.com

Ou alors il y a quelque part une balise mal fermée, et selon le navigateur il interprète ça différemment. Je suis toujours partie de l'hypothèse qu'il n'y a pas de template de modifié sur ce fofo.
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Kardo Lun 6 Jan 2020 - 17:35

Bonjour,
J'ai fait le test avec le devtool du navigateur pour obtenir le résultat suivant :
Centrage barre de navigation en-tête TLsjkkC

Voici les css modifiés :
Centrage barre de navigation en-tête Do4Wp1Z

Centrage barre de navigation en-tête Wbl3tHS

La méthode n'est pas la même, bien qu'elle fonctionnait au moment de ma précédente réponse.
Kardo

Kardo
Dévactif
Dévactif

Messages : 127
Inscrit(e) le : 06/12/2019

Voir le profil de l'utilisateur https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Lun 6 Jan 2020 - 21:22

Bonjour,

Kardo j'ai modifié et maintenant le problème apparait uniquement quand on est connecté (voir image)
Centrage barre de navigation en-tête Proble12

Faline, merci aussi. Il y a dorénavant 16640 caractères (oui je n'ai jamais modifié les templates)

Crying or Very sad
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage barre de navigation en-tête

Message par Kardo Mar 7 Jan 2020 - 9:53

Je pense que l'ajout des lignes suivantes devraient résoudre ce problème :
Code:
/* AJOUTER UNE LARGEUR au submenu et à son ul et passer les 2 en position relative */
    #submenu {
        width:100%;
        position:relative;
    }
    #submenu ul {
        width:100%;
        position:relative;
    }
/* CENTRER LA LISTE */
    #submenu ul li {
        text-align:center;
    }

Si la propriété est déjà présente pour cet élément, remplacez là, sinon contentez vous de l'ajouter au bon endroit
Kardo

Kardo
Dévactif
Dévactif

Messages : 127
Inscrit(e) le : 06/12/2019

Voir le profil de l'utilisateur https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Centrage barre de navigation en-tête

Message par paumiste Jeu 9 Jan 2020 - 18:43

Parfait cela fonctionne thumleft

Merci beaucoup pour votre aide thumleft
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

Voir le profil de l'utilisateur http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum