(Catégories par onglets) Titres de catégories en image.

[Alliwee]

Bonjour,

Voila donc mon problème. Après de nombreuses recherches, j'ai enfin réussi à faire des catégories par onglets, mais au moment de visualiser le résultat (si tout va bien pour le codage des catégories, et que les onglets marchent très bien) je me suis rendue compte que les images des catégories avaient disparues.
Comme ceci :

Je parle donc ici de ce qui est encadré en rouge.

Je connais pourtant le code pour changer le titre des catégories en images, qui est celuis ci :

Code:

<img src="http://img11.hostingpics.net/pics/45248633FOREWORD.png" style=display:none /><span class=txt-title>Administration</span>

Mais ce dernier ne semble pas avoir d'effet avec des catégories par onglets. Si quelqu'un aurait une solution, cela serait vraiment sympa.

Cordialement

[Alliwee]

Je me permet de remonter mon sujet.

[[Nihil]]

Bonjour,

Pourrais je éventuellement avoir le lien du forum sur lequel tu rencontres ce problème s'il te plait ?

Bonne soirée (:

[Alliwee]

Bonjour,

Bien sur, le voici, c'est un forum test.

Spoiler:

Merci d'avance si tu peux m'aider.

[AenigmA]

Bonjour,

Pas sûr de comprendre, mais comme ton image a une grande taille, tu peux essayer de mettre ton image à la place du titre de ta catégorie.

Dans titre tu mets ceci <img src="https://2img.net/r/hpimg11/pics/45248633FOREWORD.png">

[Alliwee]

Bonjour,

Le problème est ici. J'ai beau mettre l'html de l'image dans le titre de catégorie, ce dernier n'a absolument aucun effet. Je voulais donc savoir pourquoi.
Merci d’essayer de m'aider.

[[Nihil]]

Si je comprends bien, dans le panneau d'administration, pour le titre de la catégorie, tu rentres ceci :

Code:

<img src="http://img11.hostingpics.net/pics/45248633FOREWORD.png" style=display:none /><span class=txt-title>Administration</span>

J'ai du mal à comprendre pourquoi le "display:none" en effet, ceci fait disparaître visuellement ton image normalement... Cela change-t-il quelque chose si tu enlèves le style="display:none" ? (normalement je crois qu'il faut mettre des " " après le = xD)

[Alliwee]

Oui, cela change quelque chose. Mon image se met, mais le second titre s'ajoute. Ce dernier ne devait apparaître que quand on clique sur un forum . Soit, je vous donne une explication en image qui vaut (je l’espère) tout mon baratinage incompréhensible.

Voila ce que ça donne en enlevant le "display:none"

et en cliquant sur un des forum :


Ce que je voudrais, c'est voir l'image de catégorie uniquement en page d’accueil et en cliquant sur un des forum voir ceci :

Soit, ne pas voir l'image de catégorie sur les forums.
C'est une chose qui avait parfaitement marché sur d'ancien forum mais qui foire complètement avec les catégories en onglets.

En espérant m’être bien exprimée, j'ai toujours de petits problèmes avec ça xD.

Cordialement

[[Nihil]]

Après avoir regardé ton css, je sais peut être d'où viens le problème.

En effet tu as :

Code:

th.secondarytitle h2 img {
    display: inline !important;
}
th.secondarytitle h2 .txt-title {
    display: none;
}

Le problème, c'est que maintenant que tu as modifié ton code d'affichage des catégories, tes h2 ne se trouvent plus dans des th ayant pour class "secondarytitle", mais dans des td ayant pour pour class "secondarytitle", non ?

Par contre, tu veux garder le titre en texte quand on est autre part, c'est ça ? (comme entouré en rouge sur la screen)

[Alliwee]

Oui, "secondarytitle" est bien dans un td , que dois-je donc faire ? Simplement remplacer Th par td ?
En fait je veux garder le texte ici :

[[Nihil]]

Oui, normalement si tu remplaces le th par le td normalement cela devrait être bon pour l'affichage sur l'accueil ^_____^
Dis moi si cela te convient ?

[Alliwee]

Mon dieu, merci . Ça marche parfaitement. Dire que tout cela se tenait à deux lettres. En tout cas je te remercie vraiment beaucoup ! Ce sujet est donc résolu ! ♥

[AenigmA]

Je n'avais jamais vu ce principe, merci donc à vous deux car il est toujours bon d'apprendre.