Image calée en dans un coin de la page

**bblampain** · 10/04/2007, 17h25

Salut à tous!

Je recherche un moyen de caler une de mes images png en dans le coin droit de la page sans utiliser la propriété background-image et background-position car cette image doit etre cliquable!

En gros cette image devra se caler d'office dans le coin droit de chaque navigateur et on pourra cliquer dessus ce qui lancera un formulaire de login par exemple..

QQun a une idée ?

**balu** · 10/04/2007, 18h37

Bonjour,

HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
  <title>IMAGE</title>
  <link rel="stylesheet" type="text/css" href="image.css" />
</head>
 
<body>
  <div id="logo"><a href="#"><img src="image.png" alt="" /></a></div>
</body>
</html>

CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
div#logo {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: -150px;
  width: 150px; /* Largeur de l'image */
  height: 198px; /* Hauteur de l'image */
}
 
div#logo img {
  border: 0;
}

L'image se positionne en haut à droite.

*Si tu veux l'image en bas à droite, modifies top: 100% et ajoutes margin-top: -198px.

Image calée en dans un coin de la page

CSS

Vue hybride

Discussions similaires

Partager

Partager