Discussion :

[levirus93700]

Bonjour, je voudrai que la bannière de mon site web soit cliquable c'est-a-dire,quand on click dessus on revient par exemple a la page d'accueil.
Merci.

[12monkeys]

Bonjour

Il faut utiliser la balise a :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="liendetapage.htm">
  <img src="ton_image.jpg">
</a>

[Kerod]

Ce serait bien de donner plus d'informations. On sait pas vraiment ce que tu attends.

JavaScript, (X)HTML. Un peu flou

[levirus93700]

Moi j'ai mis une bannière sur mon site personnel et je voudrai qu'elle soit cliquable et je veux avoir un code html ou CSS.J'espère avoir été compréhensible.

[Kerod]

Oui mais ta bannière sort d'où ? Comment est-elle faite ? Si c'est une simple image la solution donnée plus haut convient parfaitement.

[12monkeys]

On te comprends, tu n'est juste pas très précis dans tes explications

Ta bannière c'est quoi ? Une image ou autre chose ?

Et t'as essayé l'exemple que je te donne plus haut ?

edit : grillé

[levirus93700]

Je vais vous donner mon code et peut être vous comprendrez.C'est un code CSS.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#en_tete
  {
  width: 760px;
  height: 100px;
  background-image: url(banniere2.png);
  margin-bottom: 10px;
  border: 2px solid black;
  }

[Kerod]

S'il y a aucun contenu tu peux éventuellement utiliser une balise a en lui attribuant un display: block afin qu'elle prenne toute la largeur de ton div

[Erwan31]

Si ta bannière apporte une information (nom du site/entreprise/slogan...), il
faudra l'intégrer avec une image comme le propose le code de 12monkey avec un alt adéquate pour ne pas perdre l'information en cas d'images non chargées
ou dans certains contexte d'utilisation (synthèse vocale, navigateurs texte...)

Exemple (code xHTML):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="/"><img src="ton_image.jpg" height="100" width="760" alt="nom du site" /></a>

Sinon il faudra créer un lien vide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et ajouter le display:block comme l'indique Kerod:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
#en_tete
  {
  display:block;
  width: 760px;
  height: 100px;
  background: url(banniere2.png);
  margin-bottom: 10px;
  border: 2px solid #000;
  }

[levirus93700]

Je vais essayé la troisieme methode mais juste une question,le lien je le met où ?
Merci.

[Erwan31]

Je vais essayé la troisieme methode mais juste une question,le lien je le met où ?
Merci.

Ben ça c'est à toi de voir.

[levirus93700]

C'est bon merci.