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)
  3. 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. sacha
      re sa marche toujours ya une personne qui m'a envoyer son aide mais sa marche toujour pas .
      2. 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. 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
            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. 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
              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. 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
                  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. notobe
                    On n'a peut-être pas posé la bonne question...

                    Sacha, as-tu une page qui s'intitule index.html ?
                    1. 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 ?
                    2. 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...
                    4. 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 !
                    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.
                    7. 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.
                    8. 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 :)
                    • 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