Faire suivre un bouton sur une image centrée

**amateursf** · 06/09/2013, 13h13

Bonjour,

J'ai un problème de centrage peut-être lié au parent/enfant.
Je dispose d'une image de fond (ecran3.jpg). Sur cette image de fond, je veux mettre un bouton (baff.jpg) à une position donnée. Jusque là pas de problème si tout est définit en absolute.
Mais quand on passe en center sur l'image de fond, j'ai été incapable de faire suivre le bouton à la bonne position
Quelqu'un peut-il m'aider ?
voici le code :

Code :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Exemple</title>
 
<style type="text/css">
    .imagf {
       margin-top:50px;
    }
 
    .imag1 {
       position:absolute;
       top:260px;
       left:70px;
    }
</style>
</head>
 
<body bgcolor="#990000" text="#000000">
 
<div class="imagf" align="center">
<img src="./Images/Ecran3.jpg" border="1" width=800 height="807" />
 
  <div class="imag1">
    <form method="post" action="Page4a.php">
      <input  type="image" name="b1" src="./Images/Baff.JPG" />
    </form>
  </div>
</div>
 
</body>
</html>

**winow** · 06/09/2013, 16h11

bonjour
c'est normale, tu ne spécifie pas de largueur pour la classe imag1

Code :

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

1
2
3
4
5
6
    .imag1 {
       position:absolute;
       top:260px;
       left:70px;
       width:100%;
    }

**amateursf** · 06/09/2013, 16h40

Grand merci Winow, tu m'as apporté en quelques minutes la solution à un problème sur lequel je séchais depuis 2 jours.
Bonne journée et bonne continuation.

**winow** · 06/09/2013, 19h27

de rien

Faire suivre un bouton sur une image centrée

CSS

Discussions similaires

Partager

Partager