Liste déroulante, largeurs.
Résolu/Fermé
isold
Messages postés
54
Date d'inscription
samedi 8 mars 2014
Statut
Membre
Dernière intervention
30 août 2016
-
11 avril 2015 à 13:49
isold Messages postés 54 Date d'inscription samedi 8 mars 2014 Statut Membre Dernière intervention 30 août 2016 - 12 avril 2015 à 19:00
isold Messages postés 54 Date d'inscription samedi 8 mars 2014 Statut Membre Dernière intervention 30 août 2016 - 12 avril 2015 à 19:00
A voir également:
- Liste déroulante, largeurs.
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Supprimer liste déroulante excel - Forum Word
- Effacer liste déroulante - Forum Réseaux sociaux
- Trouver numéro liste rouge gratuitement ✓ - Forum Mobile
1 réponse
isold
Messages postés
54
Date d'inscription
samedi 8 mars 2014
Statut
Membre
Dernière intervention
30 août 2016
5
12 avril 2015 à 19:00
12 avril 2015 à 19:00
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.
