Image background cliquable

Version imprimable

01/03/2015, 02h59
Lechette

Image background cliquable
Bonjour tout le monde.

Je souhaite dans un coin de mon site, en haut à droite, placer une image png en background, et qu'elle soit cliquable.

J'ai donc dans mon CSS, mis le code suivant:
Code:

1 2 3 4 5 #gb { background: url(photos/gb.png) top right no-repeat; }
Je souhaite qu'en cliquant sur l'image tout en haut à droite de l'écran, il y ait redirection vers index.php.

J'ai donc dans mon html inséré le code suivant:
Code:

1 2 <a href="/index.php" title="Back to index" id="gb">test</a>
Mais j'ai mon texte sous forme de lien hypertexte qui s'affiche en haut à gauche de mon écran, et mon image png, qui est bien à sa place en haut à droite...

Comment faire pour fusionner les deux?

J'avais fait quelque chose de semblable. Regarde donc si cela peut te dépanner.

Code:

<p><a class="button" href="#top">TOP</a></p>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.button {
  background-image: radial-gradient(#FFC84B, #B99637);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: center;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
  color: #000000;
}

01/03/2015, 18h15
Lechette

Merci! En fait il fallait juste que je mette comme toi ID avant le href...!