Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1620 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Probleme CSS et formulaire

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme CSS et formulaire

n°576465
kakmr
Inspired while reloading...
Posté le 30-11-2004 à 18:58:23  profilanswer
 

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
mood
Publicité
Posté le 30-11-2004 à 18:58:23  profilanswer
 

n°576468
Danamir_
kodama
Posté le 30-11-2004 à 19:01:37  profilanswer
 

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

n°576472
kakmr
Inspired while reloading...
Posté le 30-11-2004 à 19:04:37  profilanswer
 

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
n°576841
Gnub
Posté le 01-12-2004 à 03:22:56  profilanswer
 

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 ? :??:

n°576850
3Phach4
...
Posté le 01-12-2004 à 08:27:13  profilanswer
 

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.
 

n°576851
Danamir_
kodama
Posté le 01-12-2004 à 08:46:20  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Probleme CSS et formulaire

 

Sujets relatifs
probleme illustrator remplissage couleur sur des formes vectoriséesProbleme en OpenGL
3dsmax:probleme de decoupageCSS : Compatibilité selon les navigateurs?
Probleme fichier illustrator 10[FLASH] problème loadmovie et jpeg
front page probleme desoulignageformulaire qui ne renvoie pas vers les boite mails
Probleme affichage avec painter classic ! 
Plus de sujets relatifs à : Probleme CSS et formulaire


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR