problème d'affectation de style dans mes formulaire

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème d'affectation de style dans mes formulaire

ephagor

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 :

<style type="text/css">
body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
background-color: #FAFAFA;
font-family: verdana, arial, sans-serif;
}
.bannière {
position: absolute;
top: 30px;
left: 181px;
width: 458px;
height: 101px;
font-size: 36px;
padding: 10px;
}
.login{
position: absolute;
top: 40px;
left: 649px;
/*bottom: 445px;*/
width: 106px;
height: 81px;
font-size: 36px;
padding: 10px;
background-image:url(champ_login.jpg);
}
.gauche{
position: absolute;
top: 131px;
left: 180px;
width: 168;
height: 376;
padding: 10px;
}
.bas{
position: absolute;
top: 507px;
left: 179px;
width: 586;
height: 26;
padding: 10px;
}
.droit{
position: absolute;
top: 140px;
left: 747px;
width: 28;
height: 377;
}
.contenu{
position: absolute;
top: 131px;
left: 348px;
width: 389;
height: 377;
margin-top: 10px;
margin-left: 10px;
/*
margin-right: 15px;
margin-bottom: 15px;*/
}
.deco{
font-size: 12;
}
form input{
font-size: 60%;
background: #dadada;
color: #2e446b;
border: 1px solid #dbdbdb;
padding: 1px;
width: 80px;
height: 17px;
margin: 2px;
}
.S1{
font-size: 14;
text-indent: 10px;
top: 131px;
left: 348px;
width: 389;
height: 377;
background-image:url(section1.jpg);
}
.S2{
font-size: 14;
text-indent: 10px;
top: 131px;
left: 348px;
width: 389;
height: 377;
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.

Publicité

olivthill

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 {...}.

ephagor

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

ephagor

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 :

form input.login {
font-size: 60%;
background: #dadada;
color: #2e446b;
border: 1px solid #dbdbdb;
padding: 1px;
width: 80px;
height: 17px;
margin: 2px;
}

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

adoy

aka KingOfNuls

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

ephagor

voici ce que j'ia fait et cela marche:

Code :

form input.test{
font-size: 60%;
background: #dadada;
color: #2e446b;
border: 1px solid #dbdbdb;
padding: 1px;
width: 80px;
height: 17px;
margin: 2px;
}

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

adoy

aka KingOfNuls

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).

ephagor

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

FORUM HardWare.fr

Programmation

HTML/CSS

problème d'affectation de style dans mes formulaire

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

Page générée en 0.066 secondes