Discussion :

[Lechette]

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 :

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

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 :

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

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?

[Invité]

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

Code :

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

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

Code css :

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

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;
}

[Lechette]

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