CSS tag input empiète sur les autres
Résolu
khetsuro
Messages postés
101
Date d'inscription
Statut
Membre
Dernière intervention
-
khetsuro Messages postés 101 Date d'inscription Statut Membre Dernière intervention -
khetsuro Messages postés 101 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerais savoir pourquoi les input password sont modifiés dans .element_connexion ainsi que dans #inscription lorsque je modifie l'un des deux ?
En gros, Je changes la largeur d'un et l'effet sur le site apparait pour tout les input password de la page.
Pourtant ils ne font pas parti du même <div>.
J'aimerais savoir pourquoi les input password sont modifiés dans .element_connexion ainsi que dans #inscription lorsque je modifie l'un des deux ?
En gros, Je changes la largeur d'un et l'effet sur le site apparait pour tout les input password de la page.
.element_connexion input[type=text],input[type=password]{
width: 150px;
height: 18px;
line-height: 25px;
border: 1px solid #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#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;
}
Pourtant ils ne font pas parti du même <div>.
A voir également:
- CSS tag input empiète sur les autres
- Mp3 tag - Télécharger - Catalogage
- Tag scanner - Télécharger - Catalogage
- No video input ✓ - Forum Matériel & Système
- No video input enter sleep mode ✓ - Forum Matériel & Système
- Input signal not found ✓ - Forum Matériel & Système
2 réponses
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.
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
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']{
}