IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

liste déroulante avec image à côté du texte


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut liste déroulante avec image à côté du texte
    Bonjour,

    j'utilise le code suivant pour réaliser une liste déroulante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <select onchange="gotonewpage(this)" name="type_principal">
    <option selected="selected">Choisir l'ann&eacute;e de
    la conf</option>
    <option value="pouet_pouet.pdf">1953</option>
    <option value="coucou.pdf">2008</option>
    </select>
    (Ne faite pas attention au nom des fichiers). Je voudrais savoir s'il est possible de rajouter une petite image à côté du texte, et comment.

  2. #2
    Membre Expert
    Avatar de Sub0
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2002
    Messages
    3 573
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2002
    Messages : 3 573
    Par défaut
    Ce sujet devrait t'aider je pense :
    http://www.developpez.net/forums/d64...ntes-checkbox/

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut
    Ca ne fait pas une liste déroulante mais une table avec ascenseur vertical, mais je pense pouvoir faire avec. Voici le code que j'ai réalisé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <table border="0" height="290" width="827">
      <tbody>
        <tr>
          <td height="187" width="405">
    Choisir l'ann&eacute;e de la conf :<br>
          <div
     style="border: 1px solid black; width: 80px; height: 40px; overflow: auto;">
          <table>
            <tbody>
              <tr style="width: 150px;">
                <td width="150"><a href="pouet_pouet.pdf">1953</a>
                <img src="puceb.gif"></td>
              </tr>
              <tr>
                <td><a href="coucou.pdf">2008</a></td>
              </tr>
            </tbody>
          </table>
          </div>
          </td>
        </tr>
      </tbody>
    </table>
    Merci de l'aide

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    http://www.developpez.net/forums/d26...lantes-images/

    Dans cette discussion, je propose 3 types de listes déroulantes.

    [edit]
    Les script datent de 2007. Ils fonctionnent avec les dernières versions de IE et Firefox (IE 7 et Firefox 3). Pas testé sous Opéra.
    [/edit]

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut
    Merci bcp Auteur ; ça répond exactement à mon besoin (d'ailleurs, je me rappelle que u m'avais déjà donné le code d'un bandeau défilant d'images).

  6. #6
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut
    Finalement, j'ai dû revenir à la solution précédente, car, curieusement, la solution de Auteur ne tournait pas sur le site (c'est un site intranet, dont je suis le webmaster), et je ne saurais dire pourquoi.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Liste déroulante avec image + texte
    Par androidInnovation dans le forum Android
    Réponses: 3
    Dernier message: 09/12/2010, 13h53
  2. [XL-2003] Liste déroulante avec image sur plusieurs colonnes
    Par mimi62 dans le forum Excel
    Réponses: 3
    Dernier message: 27/09/2010, 21h05
  3. Liste déroulante avec image
    Par rorette68 dans le forum Composants
    Réponses: 3
    Dernier message: 07/07/2009, 23h43
  4. [JavaScript] [SRC] Listes déroulantes avec images
    Par Auteur dans le forum Contribuez
    Réponses: 6
    Dernier message: 23/08/2008, 12h51
  5. Liste déroulante avec images
    Par pc75 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 12/07/2007, 21h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo