[HTML] Espace genant dans formulaire avec bouton image

**lysandre** · 02/10/2007, 13h06

Bonjour tout le monde!

Voici le code posant probleme:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
 
</head>
<body>
<form action="page.html" method="POST">
 
<input type="TEXT" name="chercher" size="1" maxlength=70>  <input TYPE="IMAGE" SRC="images/chercher.jpg">
</form>
     </body>
</html>

Quoi que je fasse (taille différente de l'image, formulaire dans un tableau avec valign="middle",...) il y a toujours un decalage anormal vers le bas entre le champ de saisie et le bouton image). Comment faire?
Ce probleme ne se produit pas avec un bouton input type="submit".

**Bisûnûrs** · 02/10/2007, 13h39

Etant donné que ce sont des éléments inline, avec juste ce code HTML les deux input se mettent l'un à côté de l'autre. Donc tu as queluqe part dans ton code CSS une valeur qui produit ce décalage. Donc si tu pouvais nous montrer ton CSS ..

**lysandre** · 02/10/2007, 13h45

Bonjour Bisûnûrs!

Pas de code css. Le probleme se produit avec le code ci-dessus...

Mon interpretation est que la balise input type="text" contient un espace vide invisible en haut, ainsi elle apparait décalée vers le bas et n'est pas centrée quand on met valign du contenant sur middle (elle est centrée mais en comprenant l'espace vide). Mais ca parait bizarre que cet espace vide apparaisse uniquement quand on met une balise input type="image"...

**Bisûnûrs** · 02/10/2007, 14h09

Ah, pardon, j'avais mal compris, tu veux centrer verticalement tes deux éléments entre eux c'est ça ? Je pensais qu'il y avait une marge importante en hauteur entre les deux éléments l'un en-dessous de l'autre.

**djoyeux** · 02/10/2007, 21h50

Le plus simple serait peut etre de faire un tableau avec des td valign='middle'

**Bisûnûrs** · 03/10/2007, 00h18

Envoyé par djoyeux

Le plus simple serait peut etre de faire un tableau avec des td valign='middle'

Pas la peine, si lysandre veut juste centrer les deux éléments verticalement entre eux, le bouton de type image se comportant comme une simple image, il suffit de mettre vertical-align:middle sur le bouton image.

[HTML] Espace genant dans formulaire avec bouton image

HTML

Vue hybride

Discussions similaires

Partager

Partager