[résolu] Remplacement H1 par image

Salut,

je me heurte à un problème que je ne m'explique pas. Sur cette page http://dldstyle.celeonet.fr/urbieta/interne.php je devrai voir le titre h1 en image (comme sur http://dldstyle.celeonet.fr/urbieta/) mais cela ne fonctionne pas.

Je dois avoir l'erreur sous les les yeux mais je ne la trouve pas
J'ai déjà utilisé la technique de remplacement du span à multiples reprises mais là, 'a marche pas ! Mer** alors.

Vous voyez d'où ça peut venir ? Merci.
Modifié par dldstyle (23 Jan 2007 - 23:40)

Bonjour,

Je pense que tu t'es un peu embrouillé dans ton code là...

Si l'on regarde ton menu, on a quelque chose comme ceci:

<ul id="menu">
<li><a href="index?idcat=1">Maisons de campagne</a></li>
<li><a href="index?idcat=2">Maisons de village</a></li>
<li><a href="index?idcat=3">Demeure de caract&egrave;re</a></li>
</ul>

Rien n'indique que le texte doit être caché! Un peu plus loin par contre, on observe ceci:

<h1 class="maisonscampagne">
<span>Maisons de campagne</span>
</h1>

Ici, on a un "span" bénéficiant d'un "display:none", et tout fonctionne comme prévu...

edit: au passage, je ne peux que te conseiller d'abandonner cette méthode au profit d'une méthode (un peu) plus accessible, telle que celle du "text-indent" par exemple.

Cordialement,
Benjamin
Modifié par Benjamin D.C. (23 Jan 2007 - 20:06)

dldstyle a écrit :
Salut,
je me heurte à un problème que je ne m'explique pas. Sur cette page http://dldstyle.celeonet.fr/urbieta/interne.php je devrai voir le titre h1 en image (comme sur http://dldstyle.celeonet.fr/urbieta/) mais cela ne fonctionne pas.

Salut Collègue toulousain
Pour commencer sur la première URL que tu donnes, le titre est bien en image.
Dans ton cas (image titre), tu ne devrais pas utiliser la technique
du display:none au niveau su span puisque cela peut poser des
problèmes d'accessivilité : dans le cas ou l'on a les image désactivées
ou non chargée pour une raison ou une autre, et avec CSS activé,
rien ne s'affichera.
Pour cette raison il est conseillé dans ton cas de mettre directement l'image dans le html sans oublier le alt et éventuellement un title (Maisons de campagne. Retourner à l'accueil)
Imbriquer ton image dans un lien qui pointe vers l'accueil fait parti des bonnes pratiques.
Quant au display:none est il déconseillé : http://css.alsacreations.com/Accessibilite-du-Web/Remplacement-d-images-halte-au-display-none

Autre chose : tu as des irrégularité de chasse sur les m de immobilier
et un interlettrage trop elevé au niveau des couple SO et ON de maison.
Modifié par Hermann (23 Jan 2007 - 20:19)

Bonsoir à vous deux,

a écrit :
Rien n'indique que le texte doit être caché!

Je n'ai pas fini la programmation du menu. Je te remercie pour ta remarque sur le problème d'accessibilité de display:none

a écrit :
Salut Collègue toulousain

Tu veux dire ToulousainG je suppose . Avec l'accent c'est mieux.

a écrit :
Autre chose : tu as des irrégularité de chasse sur les m de immobilier
et un interlettrage trop elevé au niveau des couple SO et ON de maison.

Merci pour les remarques le nez dans le guidon je n'avais pas fait attention.

Je vais appliquer une autre technique décrite dans les liens.

A bientôt