Probleme CSS et formulaire

Probleme CSS et formulaire - Web design - Graphisme

Marsh Posté le 30-11-2004 à 18:58:23    

alu,
 
voila, j ai un formulaire tout bete avec 2 champs texte et un bouton qui me sert de submit.  
Je fais appel a une feuille de style externe pour definir la taille en pixel des champs texte, mais probleme lorsque je mets mon bouton submit, il prends la largeur que j ai fixer pour les champs.... et impossible de faire une class dans un input...
 
Feuille de style :
------------------
 
input {
 border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 18px; width: 109px ; font-size: 10px; font-family: Arial, Helvetica, sans-serif
}
 
Code html :
-----------
 
<table width="112" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="small"><img src="../images/nav/ico_carre.gif" width="4" height="5"><img src="../images/nav/vide.gif" width="4" height="1">Identifiant</td>
          </tr>
          <tr>
            <td><img src="../images/nav/vide.gif" width="1" height="1"></td>
          </tr>
          <form method="post" action="../index.php" target="menu">
    <tr>
            <td><input name="email" type="text" id="email" maxlength="50"></td>
          </tr>
          <tr>
            <td><img src="../images/nav/vide.gif" width="1" height="1"></td>
          </tr>
          <tr>
            <td class="small"><img src="../images/nav/ico_carre.gif" width="4" height="5"><img src="../images/nav/vide.gif" width="4" height="1">Mot de passe </td>
          </tr>
          <tr>
            <td><img src="../images/nav/vide.gif" width="1" height="1"></td>
          </tr>
   <tr>
            <td><input name="pwd" type="password" id="pwd" maxlength="50"></td>
          </tr>
   <tr>
            <td><img src="../images/nav/vide.gif" width="1" height="4"></td>
   </tr>
   <tr>
     <td><div align="center">
       <input name="Submit" type="image" id="Submit" src="../images/nav/btn_ok.gif" width="25" height="18" border="0">
     </div></td>
   </tr>
   </form>
        </table>
 
Si tout se passe bien ca doit ressembler a ca :
http://superbn.free.fr/form1.gif
 
Et voila mon probleme avec le bouton submit :
http://superbn.free.fr/form2.gif
 
merci pour le coup de main !  [:burtonsnowboard]


Message édité par kakmr le 30-11-2004 à 19:09:09
Reply

Marsh Posté le 30-11-2004 à 18:58:23   

Reply

Marsh Posté le 30-11-2004 à 19:01:37    

essaye
 
style="width: 25px; height: 18px;"
 
dans ton input
 
Enfin je suis pas sur d'avoir compris la question mais c pas grave [:danamir_]

Reply

Marsh Posté le 30-11-2004 à 19:04:37    

Danamir_ a écrit :

essaye
 
style="width: 25px; height: 18px;"
 
dans ton input
 
Enfin je suis pas sur d'avoir compris la question mais c pas grave [:danamir_]


ca marche po !  mais merci quand meme, je vais poster une image pour montrer le pb  :)
 
edit : j avais beau tester en local sur mon #!?m^^qskssdj de win xp et ca merdait meme avec plein de codage different et sans css, directement sur la ligne de code...
en fait, une fois uploader, ca marche... salete de dows....  :kaola:  :fou:


Message édité par kakmr le 30-11-2004 à 20:32:41
Reply

Marsh Posté le 01-12-2004 à 03:22:56    

si tu met width: 109px dans la catégorie input, il y a un conflit avec le width : 25px dans le "style="..."" du bouton Submit, non ? :??:

Reply

Marsh Posté le 01-12-2004 à 08:27:13    

tu fais un CSS INPUT et forcement ce sont deux input (le bouton et boite de saisie) donc les deux réagisse.
c'est normal.
 

Reply

Marsh Posté le 01-12-2004 à 08:46:20    

kakmr a écrit :


edit : j avais beau tester en local sur mon #!?m^^qskssdj de win xp et ca merdait meme avec plein de codage different et sans css, directement sur la ligne de code...
en fait, une fois uploader, ca marche... salete de dows....  :kaola:  :fou:



 
Bwahaha, je savais bien que la balise "style" surchargeait les réglages de la class. :D Quand tu fais des tests a foison comme ça, pense a vider ton cache de temps en temps, c'est un peu un remède de grand mère mais souvent ça marche... c bien l'info [:huit]


Message édité par Danamir_ le 01-12-2004 à 08:46:50
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed