Transformer l'image d'en-tête de catégorie en texte

[Ishtar]

Hello!

Après avoir inséré des images en en-têtes de catégories en mettant le code dans la zone de saisie de texte où l'on tape le nom de la catégorie, j'ai un souci. L'image est immense dans les sujets et j'ai donc  trouvé l'option de réduire la taille de l'image, mais ce n'est pas très esthétique et ça ne me convient pas vraiment. J'ai donc cherché une autre solution et quelqu'un m'a donné le code qu'il utilisait pour transformer l'image en texte. Par exemple, si le texte figurant sur l'image de l'en-tête est "Corbeille", lorsqu'on lit un sujet, plutôt que de voir l'image, on voit le texte "Corbeille".

Je vous donne mes codes, ça sera plus simple:

Code d'en-tête de catégorie (sachant que l'image change à chaque catégorie)

Code:

<div style="margin-bottom: -85px;"><img src="http://img15.hostingpics.net/pics/630526Cat1Tabledelaloi.png" /></div>

Code donné pour changer l'image en texte

Code:

<img src=LIEN DE L'IMAGE DU TITRE DE TA CATEGORIE style=displayne /><span class=txt-title>TITRE DE TA CATEGORIE</span>

Et le CSS associé

Code:

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

Bref, le code fonctionne super bien... sauf en ce qui à trait à la position de l'image. Si je retire le margin-bottom, l'image "flotte" au-dessus de la catégorie. J'ai essayé différentes choses, mais au final rien ne fonctionnait. Est-ce que c'est possible de "mixer" les deux codes pour arriver au résultat que je souhaite avoir, soit d'avoir l'image d'en-tête de catégorie sur l'index, mais qu'elle se transforme en texte lorsqu'on est dans un forum, sous-forum ou même à la lecture d'un sujet? J'imagine que c'est tout bête, mais à force, je ne vois plus ce que je peux faire.

Merci à ceux et celles qui se pencheront sur mon problème! ^^

[Ishtar]

up! ^^

[Ishtar]

je remonte!

[Ishtar]

je remonte! ^^

[Ishtar]

je remonte! ^^

[Ishtar]

je remonte

[Ishtar]

je remonte ^^

[Ishtar]

question toujours d'actualité! ^^

[Ishtar]

je remonte!

[Ishtar]

je remonte!

[Ishtar]

je remonte

[Ishtar]

je remonte!

[Ishtar]

je remonte!

[Ishtar]

je remonte!

[Ishtar]

up! ^^

[Ishtar]

je remonte!

[Alliwee]

Bonjour;

Je peux te proposer ceci qui semble bien avoir marché pour moi :

Code:

<img src="IMAGE" style=margin-top:-5px;display:none "><span class=txt-title>TITRE</span>

Il y a plus qu'a compléter et changer le margin à la fonction que tu souhaites...
Normalement, tu empêcheras de faire flotter ton image, et le titre texte apparaîtra sur les autres pages.

Cordialement, en espérant avoir aider

[Ishtar]

Bonsoir!

Je venais tout juste de voir ta réponse dans ton propre sujet. ^^ J'ai essayé et ça fonctionne! Merci beaucoup, tu m'enlèves une sacrée épine du pied! ^^

[Alliwee]

Ravie d'avoir put te venir en aide. ;3