Centrage barre de navigation en-tête
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Centrage barre de navigation en-tête
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.
Re: Centrage barre de navigation en-tête
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 ?
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 ?
Re: Centrage barre de navigation en-tête
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)
Peut être qu'il faudrait que j'héberge à nouveau mes boutons ? (si je les retrouve)
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)
Peut être qu'il faudrait que j'héberge à nouveau mes boutons ? (si je les retrouve)
Re: Centrage barre de navigation en-tête
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... .
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
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
Re: Centrage barre de navigation en-tête
Bonjour, 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 » |
Re: Centrage barre de navigation en-tête
Bonjour, 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. |
Centrage barre de navigation en-tête
Détails techniques
Version du forum : InvisionPoste 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)
Re: Centrage barre de navigation en-tête
Bonjour @paumiste,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 )
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.
Re: Centrage barre de navigation en-tête
Bonjour,
Dans votre css personnalisé, essayez d'ajouter, display: inline-block; dans #submenu ul{}
NB : Si un float: left; est défini ailleurs, ajoutez un float: none; au même niveau.
Cdt.
(edit: lisibilité)
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é)
Re: Centrage barre de navigation en-tête
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
Merci par avance
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
Re: Centrage barre de navigation en-tête
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 ?
Re: Centrage barre de navigation en-tête
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.
Re: Centrage barre de navigation en-tête
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
Re: Centrage barre de navigation en-tête
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
Re: Centrage barre de navigation en-tête
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 lepaumiste 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
- Code:
float: none;
Re: Centrage barre de navigation en-tête
Bonjour,
Merci pour votre réponse mais les 2 solutions proposées ne fonctionnent pas
Merci pour votre réponse mais les 2 solutions proposées ne fonctionnent pas
Re: Centrage barre de navigation en-tête
Je vois
text-align: center;
Qu'est-ce que ça donne si vous ajoutez encore
- Code:
#submenu ul {
display: inline-block;
float: none;
list-style: none;
xxx
}
Qu'est-ce que ça donne si vous ajoutez encore
- Code:
text-align: center !important;
Re: Centrage barre de navigation en-tête
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...
Re: Centrage barre de navigation en-tête
Bonjour,
Je ne vois rien s'effacer pourtant
Et cette partie cela n'a rien à voir ? je n'y connais pas grand chose
Je ne vois rien s'effacer pourtant
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;
Re: Centrage barre de navigation en-tête
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.
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.
Re: Centrage barre de navigation en-tête
Bonjour,
J'ai fait le test avec le devtool du navigateur pour obtenir le résultat suivant :
Voici les css modifiés :
La méthode n'est pas la même, bien qu'elle fonctionnait au moment de ma précédente réponse.
J'ai fait le test avec le devtool du navigateur pour obtenir le résultat suivant :
Voici les css modifiés :
La méthode n'est pas la même, bien qu'elle fonctionnait au moment de ma précédente réponse.
Re: Centrage barre de navigation en-tête
Je pense que l'ajout des lignes suivantes devraient résoudre ce problème :
Si la propriété est déjà présente pour cet élément, remplacez là, sinon contentez vous de l'ajouter au bon endroit
- 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
Re: Centrage barre de navigation en-tête
Parfait cela fonctionne
Merci beaucoup pour votre aide
Merci beaucoup pour votre aide
Sujets similaires
» Problème de centrage de la barre de navigation.
» Modifier ma barre de navigation (en-tête et navigation)
» Problème avec en-tête et barre de navigation
» Accéder à ses propres messages depuis la barre en tête de navigation
» Probleme centrage d'une navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Problème avec en-tête et barre de navigation
» Accéder à ses propres messages depuis la barre en tête de navigation
» Probleme centrage d'une navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum