Bonjour,
J'ai voulu utiliser ce code pour que les images de mes titres n'apparaissent que sur la page d'accueil. J'ai suivi la note à la fin du tutoriel indiqué ci-dessous :

Citation :

De beaux titres pour vos forums… sur la page d’accueil seulement !

Addendum par 'Christa

Si vous souhaitez mettre une image de titre à vos catégories ou à vos forums mais qu'elle ne soit visible que pour l'affichage des catégories/forum et non dans la navigation, écrivez ledit titre de cette façon :

Code:

<img src="URL_IMAGE_TITRE" /><span>Votre titre ordinaire</span>

Puis dans le CSS ajoutez ceci :

Code:

.secondarytitle h2 span, .hierarchy a span { display:none; }
.nav a > img { display : none }

Hello,

Le code que j'ai proposé ne fonctionne évidemment que pour une structure non modifiée Il faut l'adapter à ce qui entoure le titre, en l'occurence ici c'est .sidebar_top et non .secondarytitle, et il y a un piège dans ce que je viens d'écrire dû à une grave erreur de ta part. Je t'encourage à aller lire ce tutoriel très attentivement

(Et il faudrait également que tu retires cet horrible <center></center> qui entoure le titre )

Ah merci beaucoup En effet, je n'avais pas du tout fait le lien ! Par contre, j'ai un autre gros problème avec ce code, ca m'a fait disparaître le bouton "réponse" dans les messages è_è Je n'ai pas compris ton histoire de piège, tu me proposes d'utiliser un identifiant plutôt qu'une classe, c'est ça ?

Edit : le <"center"> me permet de centrer l'image, justement, chose qui n'est pas faite pas défaut. J'imagine qui faut le demander dans le css mais je ne sais pas dans quelle partie, du coup.

J'ai corrigé le tutoriel, il y avait en effet un bug dont il a été question dans un autre sujet aujourd'hui même.

Pour le center, si vraiment tu y tiens, tu peux utiliser <div align="center">, mais fondamentalement partant du principe que tu as des classes faites pour ça, un simple sélecteur CSS suffirait :

Code:

.sidebar_top h2 { text-align:center; }

Ah, c'est ce que j'avais fait, du coup. Merci beaucoup. Jvais aller voir la modif, merci =)

Edit : hum, ca m'affiche toujours l'image et le texte en même temps, c'est bizarre. Pourtant j'ai bien modifié le nom de ma classe.

C'est parce que tu n'as pas fait attention à ma remarque sur le piège XD

Mais je n'ai pas compris ton allusion au "piège", justement, je t'ai demandé si tu faisais allusion au fait de mettre une id plutôt qu'une class. J'ai pas vraiment compris en fait =O

Ca s'écrit classe XD

Et considérant que je t'ai donné la bonne "solution", à toi d'en déduire le problème à partir du tutoriel que je t'ai lié ^^ Je pourrais te le dire tout de suite mais je pense que si tu parviens à voir le souci par toi même, tu le retiendras mieux o/

Ca dépend dans quelle langue, je crois =)

Bien, jsuis pas sûre de comprendre ce que tu essaies de me dire, c'est pas grave xD Mais j'ai fini par comprendre ce qui n'allait pas. Merci beaucoup ! Bref, problème résolu !!

*Sigh*

Dans mon exemple, j'ai clairement utilisé un point (.) pour désigner la classe .sidebar_top. Qui n'existe pas dans ton code, puisque c'est un identifiant.
Comme indiqué dans le tutoriel que je t'ai suggéré de lire, un identifiant (symbolisé par le signe # en CSS) ne doit être attribué qu'à un seul et unique élément dans une page HTML. Or tu en conviendras, ton identifiant #sidebar_top est utilisé autant de fois qu'il y a de catégories (peu importe qu'il soit tout seul dans le template, il est dans une boucle, donc répété), ce qui n'est pas très en accord avec l'usage qu'il faut en faire @_@
La raison pour laquelle ton code ne marche pas est donc parce que tu utilises le sélecteur .sidebar_top h2 span (qui est juste en termes de sémantique), et non #sidebar_top h2 span. Qu'il ne faut pas utiliser.

Tu dois donc remplacer l'identifiant dans ton code HTML par une classe u_u'

Arf, je pensais que le problème était résolu comme ça. Visiblement, je n'ai pas compris la véritable utilisation de l'id =D Bref, le code ainsi modifié semble marcher mais tu me dis qu'il est incorrect, pourquoi ? Je ne suis pas sûre d'avoir bien suivi tes explications. Je suis lente d'esprit, j'en ai bien l'impression, j'ai pas tout saisi =(
Je dois donc remplacer mon div id par un div class c'est cela ?

Ben, je ne vois pas comment te l'expliquer autrement qu'en te renvoyant vers le tutoriel détaillant la différence entre identifiant et classe ^^' (et pop re-lien)

Maintenant, je pourrais te dire que... je sais pas moi... Tiens, exemple bien barbare : "c'est", "sait", "ses", "ces" ça se prononce pareil donc on devrait pas faire de distinguo vu que 'ça marche' x)

C'est une règle de grammaire, en somme. Et le problème, c'est que là où l'humain peut - hélas - faire une entorse à la syntaxe inhérente à la langue qu'il parle, un ordinateur aura nettement plus de mal. Alors oui, "ça marche". Ce qui ne change rien au fait que c'est une erreur et que peut-être qu'un jour ça va planter ton forum sans que tu comprennes pourquoi (la tendance actuelle étant de plus en plus au respect des règles syntaxiques pour s'assurer que tous les navigateurs voient la même chose)

En l’occurrence, nous avons ici un élément qui est répété plusieurs fois, donc c'est une classe qu'il faut lui attribuer et non un identifiant (donc <div class="..."> et non <div id="...">).

Je t'avais donc donné le sélecteur correct (ie avec une classe et pas un identifiant) et le lien du tuto sur les classes et identifiants pour que tu voies où résidait la nuance.

Après, si ta question est "pourquoi on doit écrire le sélecteur comme ça", là il va te falloir étudier le principe de la hiérarchie en CSS. Le sélecteur .sidebar_top h2 span cible tous les éléments <span></span> qui se trouvent à l'intérieur des éléments <h2> qui se trouvent à l'intérieur de tout élément de classe .sidebar_top '_'

D'accord, je comprend mieux. Je pensais que mon problème avait été d'avoir mis un . dans mon CSS plutôt qu'un # (qui n'était pas cohérent avec le reste du css jusque là). Je comprend l'utilité de l'id et de la classe, j'ai fais une erreur =) Par contre, je n'avais pas compris l'utilité du "h2 span". Merci. Le problème est donc résolu, non ? Merci encore !

Plop !

Passage ninja de ma part pour un petit conseil vis-à-vis des classes/identifiants : si tu ne sais pas lequel choisir et que tu en as simplement besoin pour du CSS, choisis une classe.

Une classe peut n'être utilisé qu'une fois. Elle peut être utilisée autant de fois que tu en as besoin.
Un identifiant ne peut pas être utilisé plus d'une fois, car il identifie.

Au final, l'identifiant permet de cibler très précisément un élément. C'est très pratique en javascript. En CSS, dans le pire des cas tu peux t'en passer puisqu'une classe fait aussi bien.
Certaines conception CSS avancées préconisent même de ne jamais utiliser d'ID pour le CSS du fait qu'une classe peut faire la même chose et plus. C'est un peu hors-sujet ici (et tout dépend du contexte et de la réalité de chaque développeur), mais en gros voici mon conseil pour répondre à cette problématique sur le (superbe) tutoriel ne suffit pas à te le faire comprendre

Merci beaucoup ! Je tâcherais de m'en souvenir et de ne pas faire les mêmes erreurs par la suite =)

Vu que c'est résolu, je déplace
A bientôt