Bouton d' acceuil

Résolu
sacha -  
Bonjour, a tous :j'ai un kit graphique et j'ai un bouton acceuil que je voudrais faire en sorte quand une personne clics dessu il retombe sur a page d'acceuil!comment faire ?

<a id="bouton1" href=""></a>

et ma page d'acceuil s'appele index.html

merci de vos réponce.

21 réponses

Résumé de la discussion

Le cœur de la discussion porte sur la création d’un bouton d’accueil cliquable renvoyant vers index.html, en utilisant une balise <a> et éventuellement une image ou un fond CSS. Les solutions mentionnées incluent placer une image à l’intérieur du lien avec href='index.html', ou employer un href '/index.html' et même opter pour un bouton sans image via un background en CSS. Des échanges soulignent aussi des vérifications de chemin d’accès et de structure de dossier, ainsi que des remarques hors sujet et des questions complémentaires sur l’arborescence du site.</a>

Bobot (l’IA à votre service)
  1. hack_net
    Ce n'est d'ailleurs pas la seul option à la con que windows à mise, masquer les dossiers et fichiers cachés en est une belle autres...

    Enfin, tout ça pour bien montré encore une fois la connerie de windows...
    1. sacha
      ok merci a toi pour ton aide !!c'est bon tout est modifier
      merci a toi et au autre !!
      1. notobe
        Pas de quoi :)
    2. sacha
      TOUT les autres page je n'ai pas mis d'extention! c'est juste la page d'acceuil j'ai mis index.html
      1. notobe
        Alors tu n'as effectivement qu'à corriger le nom de ce fichier pour qu'il s'appelle vraiment index.html, et pas seulement index ou index.html.html.

        Mais tu as bien fait ce que je t'ai dit pour la configuration de windows ? Car cette option par défaut est une vaste bêtise (pour rester poli). Il faut la désactiver.
    5. sacha
      la page d'acceuil je l'ai nommé index.html et kan je clics dessu dans la barre d'adresse il ya une double extention html peut etre faut que je la nomme juste index?
      1. notobe
        Non, enfin oui, mais après avoir fait ça :

        Vas dans le panneau de configuration de windows. Clique sur options de dossiers, puis sur l'onglet affichage.
        Déroule les paramètres avancés, et décoche la case "masquer les extensions dont le type est connu"

        Ensuite tu vires toutes les doubles extensions .html de tes fichiers.
    6. sacha
      c'est bon tout ce temps passé sur ce probleme j'ai donc trouvé l'astuce en fait ca marche !
      <a id="bouton1" href="/index.html"></a>
      il falais que je modifie
      <a id="bouton1" href="/index.html.html"></a>

      est ca marche aucun probleme

      merci a tous!
      1. notobe
        Non, non, ce n'est pas normal. Tes fichiers ne doivent pas avoir une double extension html.
        C'est le nom du fichier qu'il faut modifier !
    8. sacha
      les autre pages sont pareil a la racine du site tout les page
      1. notobe
        Alors le chemin index.html ou /index.html doit fonctionner...
    9. sacha
      oui j'ai une page qui s'appel index.html elle de trouve a la racine du dossier
      1. notobe
        Et tes autres pages sont dans le même dossier ?
    10. notobe
      On n'a peut-être pas posé la bonne question...

      Sacha, as-tu une page qui s'intitule index.html ?
      1. sacha
        www.kitgraphiquegratuit.org/kit50.php la dessu tu peut voir le kit graphique ou bien tu veut que j'envois le code de tout la page ?
        1. gaerebut
          Re,

          envoie nous tout simplement l'arborescence de ton projet même en local !
          On pourra voir le chemin de l'image et le chemin du fichier dans lequel tu veux appeller cette image ! u_u'

          A+
          Gaerebut
          1. sacha
            désoler pour le retard ,j'ai pas encore mis mon site en ligne et le code que j'ai utiliser <a id="bouton1" href="/index.html"></a> ca marche pas

            j'ai télécharge le kit graphique sur ce site www.kitgraphiquegratuit.org/kit50.php
            1. hack_net
              Et t'as essayer : 
              <a id="bouton1" href="/index.html"></a>
              ???

              Si ça ne marche pas, peux-tu nous donner l'arborescence du site au moins ?
              1. sacha
                salut je suis novice le bouton c'est une image qui s'appelle bouton1 , sa marche pas le code ,j'ai 3 bouton
                le 1er c'est pour revenir a l'acceuil:<a id="bouton1" href=""></a>
                le 2m c'est pour un forum mais j'en ai pas:<a id="bouton2" href=""></a>
                le 3eme c'est pour un contact que je verais apres :<a id="bouton1" href=""></a>

                le code que tu m'as donner sa deplace le kit graphique
                1. notobe
                  Le code que tu nous donnes est très insuffisant pour pouvoir te dépanner entièrement. Il est en ligne ton site ?
                2. hack_net
                  C'est des images via un background image en css surement donc pas besoin de balise img ;)
                3. notobe
                  Alors ça fait un lien vide, non cliquable.
                4. hack_net
                  Bah non !

                  Exemple : 
                  <a href="index.php" id="lien"></a>

                  Code CSS : 
                  #lien{
   width: 100px;
   height: 100px;
   display: block;
   background: url(img_de_10_par_100.png) no-repeat;
}


                  Et voila un bouton ;)
                5. notobe
                  Simuler une zone de clic via la CSS est par définition est aberration.
                  Tout lien doit être "en dur" dans le code html.

                  Je dis bien que c'est un lien vide.
                  Mais bon, ce ne sera pas le premier kit graphique qui fait n'importe quoi...
              2. notobe
                Sans rien à l'intérieur des balises a, ça ne risque pas de donner grand chose.
                C'est quoi ce bouton ? une image ?

                Si oui, le code devrait être du genre : 
                <a href="index.html"><img src="bouton.png" alt="retour à la page d'accueil" /></a>

                <blockquote cite="Shakespeare">To be or not to be ; That is the question...</blockquote>
                1. sacha
                  j'ai essayer
                  <a href="./index.html" id="bouton1"></a>
                  <a href="./ton_repertoire/index.html" id="bouton1"></a>
                  <a href="../index.html" id="bouton1"></a>
                  sa marche pas
                  1. sacha
                    re sa marche toujours ya une personne qui m'a envoyer son aide mais sa marche toujour pas .
                    1. gaerebut
                      Bonjour,

                      tout dépends d'ou ce trouve ton accueil.html sur le serveur par rapport au fichier actuel.
                      Si c'est dans le même répertoire fais comme ceci:

                      <a href="./index.html" id="bouton1"></a>

                      Si c'est dans un repertoire à partir du dossier du fichier actuel, fais comme ceci:

                      <a href="./ton_repertoire/index.html" id="bouton1"></a>

                      Et enfin, si l'index.html se trouve dans un repertoire avant le fichier actuel et que tu veux revenir en arrière, comme ceci:

                      <a href="../index.html" id="bouton1"></a>

                      En gros;

                      - ../ pour revenir en arrière
                      - ./ pour la racine
                      - nom_du_repertoire/ pour parcourir les repertoire

                      Tu peux en ajouter autant que tu veux, exemple:

                      ../../../Repertoire_1/Repertoire_2/index.html

                      Reviens 3 fois en arrière et va dans Repertoire_1, puis Repertoire_2, puis enfin index.thml

                      A+
                      Gaerebut
                      • 1
                      • 2

                      Discussions similaires

                      Bouton ON/OFF : O ou I, quel côté est allumé
                      Stargirlfr

                      12 réponses
                      Où est la touche SHIFT sur mon clavier d'ordi ?
                      joe!

                      18 réponses
                      Arrêt/démarrage via Bouton ON/OFF de l'alim
                      kekliard

                      15 réponses
                      Quel est la touche shift sur le clavier
                      paoade

                      8 réponses
                      Comment écrire le symbole On/Off
                      strumpfi

                      3 réponses