Menu de l'édition de profil décalé

[Kathee]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
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 : Tous les utilisateurs
Lien du forum : https://untoldstories.forumactif.com/

Description du problème

Bonsoir,

Je me permets à nouveau de faire appel à vous concernant un soucis que je rencontre sur mon forum.
En effet, j'ai remarqué que les onglets de navigations de la fenêtre "Modifier mon profil" est décalée vers la partie droite de l'écran. Aussi, les liens de sujets surveillés et brouillons sont désormais inaccessibles.

A vrai dire, je ne sais pas où chercher car le template "profile_add_body" qui est (je crois) celui de cette page, est resté d'origine et n'a subit aucunes modifications  

Merci d'avance pour votre aide,
Bonne soirée,

Kathee

[chattigre]

Salut
Je me suis inscrit sur ton forum pour constater le souci à partir du code.
Ce n'est pas évident si le template n'est pas modifié...
Il s'agit bien du template profile_add_body

[chattigre]

Re,
C'est ce morceau de CSS le problème :

Code:

a.mainmenu[href*="search"] {
 display: none;
}

Il supprime tous les liens contenant search des éléments mainmenu (le menu du profil possède cette classe).
Or les derniers onglets ont une url qui contient search
Au vue du reste du CSS,  il n'y aura pas de dommages collatéraux lors de la suppression du bout de code ci-dessus.

---

En revanche, je me permets de te conseiller de supprimer ceci, qui supprime TOUS les liens vers la page /search sur l'ensemble du forum
Soit y compris dans les textes des messages, bref, partout ^^

Code:

a.mainmenu[href="/search"] {
 display: none;
}

---

Même chose pour ceci :

Code:

a[href="/faq"], a[href="/search"], div[id="search_menu"] {
 display: none !important;
}

Qu'il est préférable de remplacer par ceci :

Code:

a.mainmenu[href="/faq"], a.mainmenu[href="/search"], div[id="search_menu"] {
 display: none !important;
}

Les liens de la navigation "Rechercher", FAQ, et le menu de recherche resteront bien supprimés, mais en théorie rien d'autre !

Bonne soirée

[Kathee]

Coucou Chattigre,

Merci de nous aider une nouvelle fois (tu es abonné à la résolution mes bêtises pardon!)
C'est gentil de t'être inscrit pour regarder tout ça de plus près.

J'ai bien fait les modifications dans le CSS et tu avais raison : ça a fait réapparaître les onglets manquants, sans pour autant faire bouger le reste des options de recherche/faq du forum. MERCI BEAUCOUP
Cependant, la navigation dans l'édition de profil reste à droite mais s'il y a déjà tous les éléments d'affichés c'est déjà une très bonne chose, moins contraignante du coup !

EDIT : J'ai crée une div dans le template "profile_add_body" qui entoure le {UCP_TABS} et dans le CSS je lui ai ajouté un padding-right. Aussi ça a l'air de fonctionner et je pense que tout est rentré dans l'ordre, mais grâce à toi car je n'aurai jamais imaginé que le problème puisse venir des attributs de "search"

Bone soirée à toi !

[chattigre]

Re,
Un padding-right de 500px est à éviter, car cela peut très vite être illisible en fonction des dimensions de l'écran du visiteur
En conservant ta div, supprime le CSS associé et remplace-le par :

Code:

.navvediterprofil td {
  float: left;
}

Bonne journée

[Kathee]

Re !

Oui tu as raison, je n'avais pas pensé à ça ! Surtout que je sais que certains joueurs n'ont justement pas les mêmes résolutions et sont sur des écrans plus petits que le mien

Du coup, j'ai remplacé le padding par le float que tu m'as indiqué, et les onglets ont maintenant basculé tout à gauche.  J'ai tenter en mettant float: center; mais pour le coup, tout ce petit monde se cale à droite
Voici ce que ça donne avec le float-left :

SCREEN:

Bon dimanche à toi

[chattigre]

Coucou
Float center n'existe tout simplement pas

Je vais voir pour le centrer si tu veux

[Kathee]

Haha d'accord, ceci explique cela

Je vais voir pour le centrer si tu veux

Oui je veux bien, c'est très gentil à toi merci beaucoup !

(J'ai édité mon screen précédent pour cacher l'adresse mail. Ainsi, si quelqu'un est confronté au même problème à l'avenir, il aura tous les éléments pour résoudre son problème )

[chattigre]

Re,
Alors c'est du bidouillage pour outrepasser le CSS de l'élément en lui-même, c'est pas très conseillé car par convention le CSS précisé sur un élément doit être prioritaire, mais bon... on a pas trop d'autre solution ^^
Remplace le CSS précédent (avec float left) par :

Code:

.navvediterprofil td[align="right"] {
  text-align: center !important;
}

Bonne journée

[Kathee]

Re,

J'ai remplacé le CSS et tout fonctionne à merveille ! Je comprends néanmoins que ça peut engendrer quelques disfonctionnements et je ne toucherai plus à rien pour ne pas entraver les constructions de forumactif par défaut

En tout cas, encore un grand merci d'être venu à notre secours, on a vraiment beaucoup de chance !