Liste déroulante, largeurs.
Résolu
isold
Messages postés
57
Date d'inscription
Statut
Membre
Dernière intervention
-
isold Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
isold Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous
Question aux experts du CSS ?
Est-il possible de faire en sorte (par CSS ou autre moyen) que la liste déroulée d'une liste déroulante soit plus large que la liste déroulante lorsqu'elle n'est pas déroulée ?
Ça roule ? C'est clair comme question ?
Un petit croquis vaut mieux qu'un long discours. Donc tel que ci-dessous. Est-ce possible ?
Merci beaucoup pour votre aide.
Question aux experts du CSS ?
Est-il possible de faire en sorte (par CSS ou autre moyen) que la liste déroulée d'une liste déroulante soit plus large que la liste déroulante lorsqu'elle n'est pas déroulée ?
Ça roule ? C'est clair comme question ?
Un petit croquis vaut mieux qu'un long discours. Donc tel que ci-dessous. Est-ce possible ?
+-------------------+ | ---personnes--- |v| +-------------------+-----------------------+ | Jean-Charles Albert de la Pâte Feuilletée | | Marie-Josèphe de Tronchanbiez | | Jean Dupont | | etc... | +-------------------------------------------+
Merci beaucoup pour votre aide.
A voir également:
- Liste déroulante, largeurs.
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Liste code ascii - Guide
- Site dangereux liste - Guide
1 réponse
Bonjour,
J'ai fini par trouver une astuce qui, pour l'instant et faute de mieux, me convient. Si ça intéresse certaines, je l'indique ici.
Merci de me dire si vous trouvez ça bon ou s'il y a mieux...
J'ai commencé par faire une copie d'écran sur une liste déroulante pour récupérer l'image de cette liste déroulante. Puis J'ai rogné l'image pour l'avoir sans texte et aux dimensions voulues (140px sur 20px). L'image a été enregistrée comme "select.png" et donne ceci :
Les styles :
Le HTML :
Voilà. Si ça peut dépanner quelqu'un...
Sujet résolu.
J'ai fini par trouver une astuce qui, pour l'instant et faute de mieux, me convient. Si ça intéresse certaines, je l'indique ici.
Merci de me dire si vous trouvez ça bon ou s'il y a mieux...
J'ai commencé par faire une copie d'écran sur une liste déroulante pour récupérer l'image de cette liste déroulante. Puis J'ai rogné l'image pour l'avoir sans texte et aux dimensions voulues (140px sur 20px). L'image a été enregistrée comme "select.png" et donne ceci :
+-------------------+-+
| |V|
+-------------------+-+
Les styles :
<style type="text/css">
select {
border: 0px;
background: url(img/select.png);
height: 20px;
}
option {
background-color: #D0D0D0;
}
.styled-select {
width: 140px;
overflow: hidden;
}
</style>
Le HTML :
<div class="styled-select">
<select name="idpers" onchange="javascript:modifpers()">
<option value="null">Modifier personnes</option>
<option value="1144">Jean-Charles Albert de la Pâte Feuilletée</option>
<option value="1367">Marie-Josèphe Tronchanbiez</option>
<option value="830">etc...</option>
</select>
</div>
Voilà. Si ça peut dépanner quelqu'un...
Sujet résolu.