CSS tag input empiète sur les autres
Résolu/Fermé
khetsuro
Messages postés
101
Date d'inscription
dimanche 21 mars 2010
Statut
Membre
Dernière intervention
29 novembre 2014
-
Modifié par khetsuro le 15/03/2012 à 20:47
khetsuro Messages postés 101 Date d'inscription dimanche 21 mars 2010 Statut Membre Dernière intervention 29 novembre 2014 - 15 mars 2012 à 22:40
khetsuro Messages postés 101 Date d'inscription dimanche 21 mars 2010 Statut Membre Dernière intervention 29 novembre 2014 - 15 mars 2012 à 22:40
A voir également:
- CSS tag input empiète sur les autres
- Mp3 tag - Télécharger - Catalogage
- Tag scanner - Télécharger - Catalogage
- Retour à la ligne css - Forum CSS
- Trait css ✓ - Forum CSS
- Dell service tag - Forum Matériel & Système
2 réponses
dariumis
Messages postés
571
Date d'inscription
mardi 16 mars 2010
Statut
Membre
Dernière intervention
18 avril 2018
63
15 mars 2012 à 21:48
15 mars 2012 à 21:48
Salut, quant tu écrits ça:
C'est comme si tu écrivais ça:
On voit donc que le deuxième code agit sur tout les inputs de type password, il faut donc préciser l'input que tu veux modifier.
#inscription input[type='text'], input[type='password']{
width: 200px;
height: 25px;
line-height: 25px;
border: 1px solid #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
C'est comme si tu écrivais ça:
#inscription input[type='text']{
width: 200px;
height: 25px;
line-height: 25px;
border: 1px solid #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
input[type='password']{
width: 200px;
height: 25px;
line-height: 25px;
border: 1px solid #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
On voit donc que le deuxième code agit sur tout les inputs de type password, il faut donc préciser l'input que tu veux modifier.
khetsuro
Messages postés
101
Date d'inscription
dimanche 21 mars 2010
Statut
Membre
Dernière intervention
29 novembre 2014
10
15 mars 2012 à 22:22
15 mars 2012 à 22:22
Je sais pas si j'ai tout a faire compris, mais en fait c'est que j'ai un espace login en haut a droite de ma page 2 input (nom d'utilisateur et password) qui est mon .element_connexion tout fonctionne bien mais c'est lorsque je fais ma page d'inscription et que j'ajoute ceci
Sa modifie mon formulaire d'inscription mais sa change aussi l'input de element_connexion, alors je me retrouve avec une barre de mot de passe plus grande qu'au départ, tiens voilà une apercu
http://img839.imageshack.us/img839/9563/csszl.jpg
#inscription input[type='text'], input[type='password']{
width: 200px;
height: 25px;
line-height: 25px;
border: 1px solid #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
Sa modifie mon formulaire d'inscription mais sa change aussi l'input de element_connexion, alors je me retrouve avec une barre de mot de passe plus grande qu'au départ, tiens voilà une apercu
http://img839.imageshack.us/img839/9563/csszl.jpg
dariumis
Messages postés
571
Date d'inscription
mardi 16 mars 2010
Statut
Membre
Dernière intervention
18 avril 2018
63
15 mars 2012 à 22:30
15 mars 2012 à 22:30
En fait, tu modifie avec ce css les input de type texte qui ce trouve dans l'élément #inscription:
#inscription input[type='text']
Mais aussi, tout les input de type password de ta page:
input[type='password']
C'est pour ça qu'il faut préciser l'input de type password que tu veux modifier en nommant dans ton css l' element html (div?) contenant cet input, si par exemple l'input que tu souhaite modifier ce trouve dans un div possèdant l'id tonDiv il faudrait écrire ton css comme ceci:
#inscription input[type='text']
Mais aussi, tout les input de type password de ta page:
input[type='password']
C'est pour ça qu'il faut préciser l'input de type password que tu veux modifier en nommant dans ton css l' element html (div?) contenant cet input, si par exemple l'input que tu souhaite modifier ce trouve dans un div possèdant l'id tonDiv il faudrait écrire ton css comme ceci:
#inscription input[type='text'], #tonDiv input[type='password']{
}
khetsuro
Messages postés
101
Date d'inscription
dimanche 21 mars 2010
Statut
Membre
Dernière intervention
29 novembre 2014
10
15 mars 2012 à 22:40
15 mars 2012 à 22:40
aaah !!! Je croyais que #inscription input[type='text'], input[type='password'] allait associer les 2 inputs au même div. Merci sa a fonctionner !
