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

Mise en page CSS Discussion :

Menu html css : rendre un bouton cliquable sur toute sa surface


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 75
    Par défaut Menu html css : rendre un bouton cliquable sur toute sa surface
    Bonsoir à tous et à toutes,

    Je vous expose mon problème ! J'ai un menu en html/css avec le code ci-dessous :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div id="menu_gauche">
    <ul class="niveau1">
    <li class="bouton1"><a href="#1" title="Accueil"><b>Accueil</b></a></li>
    				...
    J'aimerais que tout le bouton soit cliquable (l'intégralité de l'image en fond), et pour l'instant seul le lien "Accueil" est cliquable.

    Comment est-ce que je peux faire ?

    Cordialement,
    shepounet

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2009
    Messages
    308
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 308
    Par défaut
    Bonjour,

    en css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <style>
    li.bouton1 a {display:block}
    </style>

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 75
    Par défaut Décalage
    Après avoir rajouté le bout de code, il se trouve que le texte sort du bouton.

    Voici une version en ligne si vous avez le temps de jeter un oeil je vous en serais reconnaissant : http://francois-charbonnier.com/iv/I...maquette2.html

    J'ai également une autre question, j'ai une image en fond d'écran. Pour que celle-ci se redimensionne automatiquement, je dois obligatoirement passer par du javascript ?

    Cordialement,
    shepounet

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Il suffit de supprimer le
    Pour le fonds ce n'est pas possible de modifier sa taille sauf à utiliser CSS 3. En javascript je ne sais pas...

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

Discussions similaires

  1. superposer un menu html/css avec un menu Flash
    Par darius1000 dans le forum Intégration
    Réponses: 0
    Dernier message: 16/04/2011, 14h31
  2. Bouton cliquable sur état
    Par maxime350 dans le forum IHM
    Réponses: 9
    Dernier message: 02/04/2008, 21h08
  3. [HTML] Comment rendre une image cliquable?
    Par Nixar dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 11/03/2008, 09h58
  4. [html][css] 3 lv de zoom sur image sous IE et firefoxe
    Par avogadro dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 10/04/2006, 22h37
  5. Integration de menu HTML/CSS avec PHP
    Par sparrow dans le forum Langage
    Réponses: 7
    Dernier message: 31/01/2006, 02h50

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