PROBLEME CODE HTML POUR BOUTONS (rollover+click)
Répondre à la discussion
Affichage des résultats 1 à 4 sur 4

PROBLEME CODE HTML POUR BOUTONS (rollover+click)



  1. #1
    marcus1

    PROBLEME CODE HTML POUR BOUTONS (rollover+click)


    ------

    Bonjour,

    J'ai un problème de code HTML, je fais appel à vos compétences d'experts pour m'aider à le résoudre.

    j'ai créé un bouton HTML avec 2 images, visant à rediriger une personne qui clique dessus. L'exemple que je fournis ici n'est qu'un brouillon et le site vers lequel il redirige est le site ebay (ce n'est qu'un exemple).

    J'ai un effet de clic qui me satisfait, cependant, je voudrais avoir un effet de "rollover" simplement quand la personne passe sa souris sur le bouton juste avant de cliquer. je voudrais que le bouton commence à changer avant le clic, pour que l'on sache que c'est bien là qu'il faut faire un clic.
    je vous soumet mon code, je suis embêté car je ne sais pas ce qu'il faut que je rajoute, ou que je modifie pour avoir effet de clic + rollover.
    Je voudrais que le bouton ait le même comportement que ceux qui sont sur ce site : http://www.lmsoft.com/webcreator/web...s/boutons.html

    VOICI MON CODE: (vous pouvez l'essayer car les images sont fonctionnelles (hébergées sur xooimages.com) je vous remercie beaucoup pour vos éventuelles corrections.


    Code HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>ESSAI BOUTON 2 images</title>
    </head>
    <body>
    <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
    <title>BOUTON EFFET DE CLICK AVEC 2EMME IMAGE OMBREE</title>
    <img><a href="http://www.ebay.fr/"><img
     src="http://img76.xooimage.com/files/3/9/b/button-1-350ca5b.png"
     alt="bouton"
     onmousedown="this.src='http://img85.xooimage.com/files/3/5/0/button-2-350ca84.png'"
     onmouseup="this.src='http://img76.xooimage.com/files/3/9/b/button-1-350ca5b.png'"
     border="0"></a>
    </body>
    </html>

    -----
    Dernière modification par JPL ; 31/05/2012 à 15h38. Motif: Ajour de la balise HTML

  2. #2
    inviteeca591d5

    Re : PROBLEME CODE HTML POUR BOUTONS (rollover+click)

    c'est tres simple!
    tu dois le travailler sur ton fichier CSS avec la pseudo classe :hover
    c'est tres facile a faire!
    tu peux aller sur mon site internet, ca te donnera quelques idees #### lien supprimé (en plus de :hover j'ai aussi utilise la propriete transition)
    si tu as besoin d'un peu plus d'aide contact moi!

    see you!
    Dernière modification par JPL ; 17/06/2012 à 21h40.

  3. #3
    JPL
    Responsable des forums

    Re : PROBLEME CODE HTML POUR BOUTONS (rollover+click)

    Citation Envoyé par sebaslondon Voir le message
    si tu as besoin d'un peu plus d'aide contact moi!
    L'esprit d'un forum c'est d'échanger et d'aider publiquement et non de détourner une discussion pour suggérer que les choses se fassent en privé. D'autant que dans ton site tu te présentes comme free lance, ce qui laisse penser qu'en privé tu proposeras une aide non gratuite. Pour cette raison j'ai supprimé le lien vers ce site.
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac

  4. #4
    inviteeca591d5

    Re : PROBLEME CODE HTML POUR BOUTONS (rollover+click)

    Aucun probleme lol on parle ici!

  5. A voir en vidéo sur Futura

Discussions similaires

  1. code HTML/javascript de facebook pour un site
    Par invitec7678e8e dans le forum Internet - Réseau - Sécurité générale
    Réponses: 2
    Dernier message: 18/02/2011, 16h17
  2. Problème d'affichage d'un menu (rollover) avec IE6
    Par invited0300e0f dans le forum Internet - Réseau - Sécurité générale
    Réponses: 6
    Dernier message: 05/01/2010, 15h15
  3. Code HTML pour Myspace
    Par invite0dc64a4b dans le forum Internet - Réseau - Sécurité générale
    Réponses: 1
    Dernier message: 15/08/2007, 23h09
  4. code html
    Par invitec4c98da1 dans le forum Logiciel - Software - Open Source
    Réponses: 10
    Dernier message: 26/07/2007, 22h23