Discussion :

[Pio154]

Salut,

j'ai un petit problème qui est assez enmbêtant. Sous IE 7, mon input a une marge de 1px en haut et bas.

Je ne sais pas si ses du html, mes je pense que ses du css.

Voici une image avec les bordures rouge qui vous montre le problème :



Merci

Edit les codes :

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
        <table border="0" cellpadding="0" cellspacing="0" id="form-1-table">
         <tr>
          <td id="form-1-td-1">&nbsp;</td>
          <td id="form-1-td-2"><input type="text" name="" /></td>
          <td id="form-1-td-3">&nbsp;</td>
          <td id="form-1-td-4">&nbsp;</td>
          <td id="form-1-td-5">&nbsp;</td>
         </tr>
        </table>

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
17
18
19
20
21
 
  #form-1-table  { width: 130px; height: 20px; }
 
  #form-1-td-1  { background-image: url("./content(css-0)/content(design-1)/input-1.png"); }
   #form-1-td-1  { width: 15px; height: 20px; font-size: 0px; }
 
  #form-1-td-3  { background-image: url("./content(css-0)/content(design-1)/input-3.png"); }
   #form-1-td-3  { width: 5px; height: 20px; font-size: 0px; }
   #form-1-td-4  { width: 5px; height: 20px; font-size: 0px; }
 
  #form-1-td-5  { background-image: url("./content(css-0)/content(design-1)/input-4.png"); }
   #form-1-td-5  { width: 24px; height: 20px; font-size: 0px; }
 
  #form-1-td-2  { vertical-align: top; }
 
  #form-1-td-2 input  { border: none; border-bottom: 1px solid #727271; border-top: 1px solid #727271; }
   #form-1-td-2 input  { padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
    #form-1-td-2 input  { margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
     #form-1-td-2 input  { background-image: url("./content(css-0)/content(design-1)/input-2.png"); }
      #form-1-td-2 input  { font: normal 11px Geneva, Arial, Helvetica, sans-serif; color: #000000; }
       #form-1-td-2 input  { width: 81px; height: 18px; }

[Auteur]

bonjour,

montre nous ton code

[Pio154]

Post mise à jour

[jiraya sama]

tu peux faire largement plus simple , il te suffit de mettre une image en background de ton input et de mettre un padding left pourr que la zone de saisie ne soit par sur le morceau de gauche de ton image

[Pio154]

Haha tes drôle. :p

L'objet input, a déjà un background, donc je ne peu pas faire autrement

1:<td>) l'image pour la fléche.
2:<td>) l'objet input.
3:<td>) l'image pour terminer l'input.
4:<td>) un petit espace de 5px.
5:<td>) troixième image pour qu'on clic pour se connecter.

[jiraya sama]

Je pouvais pas deviner ce n'est pas marquer dans le css que tu as donné et ta balise input n'as ni class ni id.

Mais je comprend pas en quoi tu ne peux pas mettre une image en background,il suffit de changer ton image de fond.

[Pio154]

Si je fait sa #table input

alors dans le div avec l'id table l'input a le css