Résultats de 1 à 6 sur 6

Sujet : ::bouton de lien::

  1. #1
    Membre MP
    Inscrit
    août 2013
    Messages
    81
    Bonjour a tous.
    Mon probleme est tout bete mais après maintes recherches je n\'ai tjrs pas trouvé la solution :
    Je voudrait tout simplement créer un bouton qui redirige vers une autre page (un bouton qui fasse office de lien).
    Merci!
    Webmaster de Webown Webdesigner et codeur web.

  2. #2
    Visiteur MP
    Visiteur MP

    ::bouton de lien::

    pour faire ca j\'vois deux methodes.

    la premiere est d\'utiliser un formulaire.
    c\'est a dire un code comme ceci :

    Code:
    <form name=\"form01\" id=\"form01\" action=\"fichier.html\" method=\"post\">
    <input type=\"submit\" value=\"OK\" />
    </form>
    la valeur de \'action\' dans la balise <form> est la page vers laquel sera dirigé l\'utilisateur.

    la deuxieme methode est d\'utiliser du javascript. mais ca je le deconseil, car le javascript n\'est pas toujours accepté par les navigateurs.

  3. #3
    Membre MP
    Inscrit
    août 2013
    Messages
    1 169
    Je dirai qu\'il existe encore une autre solution .. C\'est l\'image rollover avec le CSS ... Maintenant, ceci ne marche que sur les navigateur récent ... Mais si tu veut du code le voici
    CSS :
    Code:
    .roll {
    background-color: #FFBBBB;
    height : 100px;
    width : 100px;
    }
    
    a:hover .roll {
    background-color: #FF0000;
    }
    et le HTML :
    Code:
    <a href=\"#\"><div class=\"roll\"></div></a>
    Il te suffi de transformer la taille de ton div selon la taille des imges du roll et de transformer le background-color par background-img.

    Mais ceci bug franchement sur IE ! lool
    A tous les membres, dite non à la (drogue...) sms-mania !

    Avant de poster, vérifiez si la réponse n'est pas dans la FAQ ou un tutorial.

    Je suis actuellement http://www.bencastricum.nl/msn/statu...83aaf40bdb.png sur MSN

  4. #4
    Membre MP
    Inscrit
    août 2013
    Messages
    81
    Ok merci, mais je pense que je vais plutot choisir la méthode du formulaire car je ne m\'y connais pas du tout en CSS et ca me parait un peu plus compliqué, mais bon, ca doit tout de meme etre une bonne méthode :wink:
    @ bientot!
    Webmaster de Webown Webdesigner et codeur web.

  5. #5
    Visiteur MP
    Visiteur MP
    bonjour,

    en effet la methode du CSS est aussi une bonne solution (en plus j\'aime bien l\'CSS

    par contre dans ton exemple lain le <div> n\'est pas necessaire, et meme pas recommandé, car c\'est cela qui fait buguer sous IE.

    en effet pourquoi mettre
    Code:
    <a href=\"#\"><div class=\"roll\"></div></a>
    alors qu\'on peu tout simplement mettre :
    Code:
    <a href=\"#\" class=\"roll\"></a>
    et du coup ton CSS devient :

    Code:
    a.roll {
        background-image: url(\"fichier1.jpg\");
        height : 100px;
        width : 100px;
    }
    
    a.roll:hover {
        background-image: url(\"fichier2.jpg\");
    }
    et normalement ca marche partout ce code.


    Tificombo >> Je pense que tu as tort de mettre de coté le CSS !!
    En effet le CSS permet de simplifier enormément tes pages HTML !!
    C\'est sur que c\'est un nouveau truc a apprendre, mais en fait le CSS c\'est tres simple !! la seule difficulté c\'est qu\'il faut connaitre un minimum les possibilités que te donne le CSS, et donc il faut observer des trucs fait par d\'autre et chercher les codes possibles.
    Mais si tu t\'y met tu verra que ca viens vite, et que ca simplifi vraiment la tache. En plus ca te permet des choses que tu ne peux pas faire sans, et ca permet souvent d\'avoir un site nettement plus beau.

  6. #6
    Membre MP
    Inscrit
    août 2013
    Messages
    81
    OK, donc pour le moment je fais présenter mes liens sous forme de bouton le temps que je m\'initie au CSS et après je changerai.
    Merci bcp, @ bientot!
    Webmaster de Webown Webdesigner et codeur web.

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé
Please disable Adblock!