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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème d'affectation de style dans mes formulaire

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

problème d'affectation de style dans mes formulaire

n°1243912
ephagor
Posté le 11-11-2005 à 15:36:32  profilanswer
 

Bonjour,
j'ai un autre problème dans mon CSS. j'ai fait une modification des input de mon formulaire d'identification. mais le problème c'est que j'ai un autre formulaire dans mon site mais je ne voudrai pas appliquer les modifications dessus.  
Le problème c'st que mon css applique pour tous les input du site
 
voici comment se présente mon CSS:
 

Code :
  1. <style type="text/css">
  2. body {
  3. margin: 0;
  4. padding:0;
  5. position: absolute;
  6. width: 100%;
  7. height: 100%;
  8. background-color: #FAFAFA;
  9. font-family: verdana, arial, sans-serif;
  10. }
  11. .bannière {
  12. position: absolute;
  13. top: 30px;
  14. left: 181px;
  15. width: 458px;
  16. height: 101px;
  17. font-size: 36px;
  18. padding: 10px;
  19. }
  20. .login{
  21. position: absolute;
  22. top: 40px;
  23. left: 649px;
  24. /*bottom: 445px;*/
  25. width: 106px;
  26. height: 81px;
  27. font-size: 36px;
  28. padding: 10px;
  29. background-image:url(champ_login.jpg);
  30. }
  31. .gauche{
  32. position: absolute;
  33. top: 131px;
  34. left: 180px;
  35. width: 168;
  36. height: 376;
  37. padding: 10px;
  38. }
  39. .bas{
  40. position: absolute;
  41. top: 507px;
  42. left: 179px;
  43. width: 586;
  44. height: 26;
  45. padding: 10px;
  46. }
  47. .droit{
  48. position: absolute;
  49. top: 140px;
  50. left: 747px;
  51. width: 28;
  52. height: 377;
  53. }
  54. .contenu{
  55. position: absolute;
  56. top: 131px;
  57. left: 348px;
  58. width: 389;
  59. height: 377;
  60. margin-top: 10px;
  61. margin-left: 10px;
  62. /*
  63. margin-right: 15px;
  64. margin-bottom: 15px;*/
  65. }
  66. .deco{
  67. font-size: 12;
  68. }
  69. form input{
  70. font-size: 60%;
  71. background: #dadada;
  72. color: #2e446b;
  73. border: 1px solid #dbdbdb;
  74. padding: 1px;
  75. width: 80px;
  76. height: 17px;
  77. margin: 2px;
  78. }
  79. .S1{
  80. font-size: 14;
  81. text-indent: 10px;
  82. top: 131px;
  83. left: 348px;
  84. width: 389;
  85. height: 377;
  86. background-image:url(section1.jpg);
  87. }
  88. .S2{
  89. font-size: 14;
  90. text-indent: 10px;
  91. top: 131px;
  92. left: 348px;
  93. width: 389;
  94. height: 377;
  95. background-image:url(section2.jpg);


 
Bien sur j'ai déclaré mon css externe dans le <head> de ma page.
si je fais un .form { } avec les meme parametre et que je les déclare dans un div uniquement sur le formulaire que je souhaite, ça ne merche pas. donc ma mise en forme des input de mes formulaire se fait sur tous les formulaire et non celui que je désire.
Merci par avance de votre aide.

mood
Publicité
Posté le 11-11-2005 à 15:36:32  profilanswer
 

n°1243919
olivthill
Posté le 11-11-2005 à 16:07:01  profilanswer
 

Il faudrait donner un nom de class particulier pour le formulaire particulier, ex.: <form ... class="toto" ...>, et un autre nom de class pour les autres formulaires, ex.: <form ...class="titi"...>, et avoir un style pour chaque class, ex.: .form.toto {...} et .form.titi {...}.

n°1243921
ephagor
Posté le 11-11-2005 à 16:08:24  profilanswer
 

ah c'est pas bête du totu ça :)  
je vais essayer ça de suite.
merci

n°1243923
ephagor
Posté le 11-11-2005 à 16:17:57  profilanswer
 

Donc je viens de tester ce que tu m'a dit mais ça m'a pas l'air de fonctionner.
lorsque je fais ceci:

Code :
  1. form input.login {
  2. font-size: 60%;
  3. background: #dadada;
  4. color: #2e446b;
  5. border: 1px solid #dbdbdb;
  6. padding: 1px;
  7. width: 80px;
  8. height: 17px;
  9. margin: 2px;
  10. }


et que j'applique la classe "login" dans le formulaire souhaité (<from....class="login>, mon formulaire n'apparait plus
 
j'ai essayé avec ".form.login { } mais mon formulaire n'apparait pas non plus. et enfin ".form input.login{}" et l'effet est le même.
Je précise que "form input {}" est un style appliqué directement aux input en général comme un "body{}" ou "p{}" sans "." devant. mais lorsque j'éssaye de creer mon propre style avec un "." (".input {}" ) et que j'applique la classe devant les input ("<div class="input"><input.....></div>" ) rien ne se passe
 
RECTIFICATION: effectivement ça marche. j'ai just eutilisé un nom de class qui rentrait en conflis avec certains value de mes input.  
Merci pour ton aide :jap:  :jap:  
problème résolu


Message édité par ephagor le 11-11-2005 à 16:27:01
n°1243926
adoy
aka KingOfNuls
Posté le 11-11-2005 à 16:24:49  profilanswer
 

renomme "form input.login" en ".login" dans ton CSS

n°1243927
ephagor
Posté le 11-11-2005 à 16:27:44  profilanswer
 

voici ce que j'ia fait et cela marche:

Code :
  1. form input.test{
  2. font-size: 60%;
  3. background: #dadada;
  4. color: #2e446b;
  5. border: 1px solid #dbdbdb;
  6. padding: 1px;
  7. width: 80px;
  8. height: 17px;
  9. margin: 2px;
  10. }


en appliquant la classe "test" aux input de mon choix , la mise ne forme s'effectue
 
EDIT: en applisuant le .login que tu viens de me donner, ce la marche également.  
en fait, le problème venait que n'appliquais pas la classe au bons endroit. je l'appliquait à la balise<form> et non aux <input>


Message édité par ephagor le 11-11-2005 à 16:30:12
n°1243932
adoy
aka KingOfNuls
Posté le 11-11-2005 à 16:31:32  profilanswer
 

Tu n'as pas besoin de préciser "form input.test", ne mettre que ".test" suffit. et tu écrit class=test (ou login précedemment) associé à ton input pour que la classe soit affectée à la bonne balise (ici, input).

n°1243937
ephagor
Posté le 11-11-2005 à 16:44:52  profilanswer
 

oui c'est ce que j'ai effectivement.
ça marche niquel maintenant
merci de ton aide...problème résolu


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème d'affectation de style dans mes formulaire

 

Sujets relatifs
probleme affichage données sessionsProbleme avec la STL et un set <int>
Probleme avec un NavigateurProblème ComboBox
problème pour inserer une image en fondProblème script basic
[CSS] - Probleme double marge IE : position:absolute [résolu]probleme sessions panier
[ECLIPSE] ClearCase plugin->> Probleme RésoluProbleme de resize des thumbnails galerie photo...
Plus de sujets relatifs à : problème d'affectation de style dans mes formulaire


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