[résolu] Image dans la balise Legend d'un Fieldset

Bonjour,

Je souhaite placer une image dans la balise Legend d'un Fieldset.

Mon souci est que le texte de la balise Legend s'affiche au dessus de l'image.

Voyez-vous une solution accessible à mon problème ?

D'avance merci.

Franck.
Modifié par kyf59 (13 Feb 2008 - 13:08)

Gné ?

Un exemple en ligne, pitié

(l'image est-elle un background CSS ou une image HTML ? "Au-dessus" signifie-t-il "plus haut" ou "superposé à" ? La legend est-elle l'objet d'autres pratiques CSS (évidemment honteuses) venant compliquer les choses ? Cela se passe-t-il dans une feuille de style où l'héritage viendrait lui-aussi mettre son grain de sel ? Cela est-il lié à un navigateur donné ? Etc. Les possibilités d'erreur sont infinies, et sur le fond, mettre une image dans un élément legend est en réalité trivial )

Bonjour,

Tu as raison, les possibilités sont infinies.

Voilà le code, rien de bien compliqué :

<fieldset>
 <legend>Recherche</legend>
</fieldset>

legend { 
  background: url(./recherche.png);
}

Je joins un screenshot. Le résultat est le même sur IE et FF.

Merci pour ton aide.

Franck.

Bonjour,

<legend>
	<img src="recherche.png" alt="Recherche" />
</legend>

kyf59 a écrit :
Mon souci est que le texte de la balise Legend s'affiche au dessus de l'image.

Ce qui me semble assez logique pour une image de fond.

En passant, au vue du bout de code: l'emploi de fieldset est a priori non pertinent ici.
- si c'est un formulaire de recherche simple (input texte, label ou title et bouton submit), il n'y a aucun regroupement de contrôles et il s'agit plutôt d'un éventuel titre hn pour déterminer cette section dans le contenu global de la page.
- s'il s'agit d'un formulaire de recherche avancée, s'assurer que chaque label nécessite bien l'ajout systématique de l'information "recherche" pour rendre le contrôle concerné compréhensible.
Modifié par Laurent Denis (13 Feb 2008 - 12:31)

Ca me crevait les yeux Florent !

Laurent, l'utilisation d'un Fieldset est justifiée car il s'agit bien d'un moteur de recherche avancée.

Merci pour votre aide et pour vos conseils.

Franck.

kyf59 a écrit :

Laurent, l'utilisation d'un Fieldset est justifiée car il s'agit bien d'un moteur de recherche avancée.

je serais très curieux de voir le code complet. Comme dit ci-dessus, il y a peu de chances que le mot "recherche" soit le complément nécessaire de chaque label. Et il y a fort à parier que d'autres fieldset internes au formulaires, qui eux seraient nécessaires, n'y figurent pas
Modifié par Laurent Denis (13 Feb 2008 - 13:54)

Il n'y a pas encore de code complet !

Tu veux dire que si mes labels sont : "nom", "prénom" et "âge" je devrais préférer "Rechercher un membre" à "Recherche" ?

Je te propose un test simple: dans un lecteur d'écran, le contenu de "legend" sera couramment répété à chaque label. Dans ton cas, est-ce nécessaire ? Sinon, est-ce que cela finit ou non par constituer une gêne (trop de verbosité finit par tuer l'ergonomie dans un lecteur d'écran) ?

Pour les fieldset manquant, je pensais par exemple au cas classique des champs de dates limites de recherche (chercher à partir de telle date et jusqu'à telle autre, avec trois select à chaque fois pour le jour, le mois et l'année). Chaque date est un fieldset potentiellement nécessaire (il est essentiel de savoir à chaque label "année" s'il s'agit de l'année de début ou de l'année de fin, par exemple).

Sinon, en effet, le titre pertinent pourrait plutôt être chercher un membre que recherche. Mais tout dépend du contexte et des titres de niveau supérieur, en particulier.
Modifié par Laurent Denis (13 Feb 2008 - 14:09)