Rechercher : dans
Par :

Mise en forme balise <option> formulaire

Dernière réponse le 2 nov 2007 à 11:16:56 lazabelle, le 24 oct 2007 à 15:10:59 
 Signaler ce message aux modérateurs

Bonjour,

voici mon problème :

je n'arrive pas à mettre en forme une balise <option> de mon formulaire. Le voici :

<form action="fiche.php" name="frm" id="frm" method="post">
<p>
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option style="font-weight:bold;" value="" >aller à</option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select>

</p>
</form>

et ceci ne marche ni sous IE, ni sou Mozilla Firefox, ni sous opéra.

Avez-vous une idée ?
Merci d'avance

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « mise en forme balise  » dans :
[Webmaster] Un formulaire de contact pour votre site VoirCe formulaire permet d'avoir une page pour être contacté sur son site, sans utiliser de logiciel de messagerie. La personne qui vous contacte indique son adresse, l'objet du message et son message (évidemment). Le code est une version...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Servlets - Gestion des formulaires VoirIntroduction aux formulaires Les servlets rendent très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML, c'est-à-dire une interface graphique permettant à l'utilisateur de saisir des données. Grâce à la balise...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...

1

Dalida, le 24 oct 2007 à 15:24:44

Salut,

bizarre, j'arrive à le mettre en gras chez moi. par contre le style ne prend effet que dans la liste déroulante !

essaie :

<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option value="" ><span style="font-weight:bold;">aller à</span></option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select> 

[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

2

lazabelle, le 24 oct 2007 à 16:06:53

Merci Dalida,

j'ai essayé ta solution, mais ça ne marche pas non plus.
Par contre si je fais ça :

<form action="fiche.php" name="frm" id="frm" method="post">
<p>
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option class="option" value="" >aller à</option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select>
</p>
</form>

et dans mon CSS :
.option {
text-align:center;
font-weight:bold;
}

IE et Opéra : toujours rien
Firefox : comme toi tout à l'heure : la mise en gras et l'alignement ne s'applique qu'à l'intérieur de la liste déroulante. Or moi je souhaiterais qu'elle s'applique à ce que l'on voit avant de cliquer sur la flèche.

bizarre bizarre, tout ça...

une explication ?

Répondre à lazabelle

3

Dalida, le 24 oct 2007 à 17:22:00

Si cela ne fonctionne pas il faut trouver pourquoi.
essaie d'alourdir tes sélecteurs en ajoutant leur ascendance, si cela ne fonctionne toujours pas colle un identifiant au '<select>'.

conteneur select#monid option {
text-align:center;
font-weight:bold;
} 

je n'y crois pas tellement car tu as testé le style embarqué et c'est de loin le plus lourd mais ça vaut le coup d'être essayé.

je souhaiterais qu'elle s'applique à ce que l'on voit avant de cliquer sur la flèche
dans ce cas tu appliques {font-weight:bold;} à '<select>' et {font-weight:normal;} à '<option>'.

[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

4

lazabelle, le 25 oct 2007 à 21:59:28

Merci Dalida,

je teste tout ça ce WE et je reviens faire part des "résultats" !

bon WE

Répondre à lazabelle

5

lazabelle, le 28 oct 2007 à 17:12:33

Bon bein non, rien ne fonctionne chez moi...
Au mieux, en suivant les conseils de Dalida, j'applique une mise en forme au select et une autre aux balises option => ce qui me donne un résultat safisfaisant que sous Firefox.
Donc je crois que je vais en rester là, et en regardant à droite à gauche sur quelques sites, je m'aperçois que les mises en forme sont un peu "bidouillées" : il y a souvent des tirets (-- aller à -- ) pour faire la démarcation que je souhaite, ou encore des espaces insécables pour centrer. Donc je pense que je vais opter pour les jolis tirets, et tant pis pour la mise en gras !!

Merci en tout cas...

Répondre à lazabelle

6

Dalida, le 28 oct 2007 à 18:19:36

Salut,

je crois que je vais en rester là
ah ben non, pas déjà !!!

regarde ce que donne la balise '<optgroup>'. en affichant qu'un élément ça fait peut être ce que tu veux.

source

[ Mathieu ]

"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

7

 lazabelle, le 2 nov 2007 à 11:16:56

Hello,

<optgroup> ne me convient pas car je souhaite que le label soit considéré comme un élément de la liste et apparaisse en tant que premier élément, or ça n'est pas le cas. Il n'apparait qu'à l'intérieur de la liste (en cliquant sur la flèche). A tout hasard j'ai essayé selected="selected", mais pas de résultat.

De toute manière je n'ai pas réussi non plus à appliquer la mise en forme que je souhaite au label <optgroup>.

Merci en tout cas pour cette piste !

Répondre à lazabelle
Collection CommentÇaMarche.net