Balise input, aligner le texte en hauteur
Résolu
Blunty
-
Blunty -
Blunty -
Bonjour, j'ai un soucis qui demeure sans solution, j'ai créer une image pour mes input text de mon formulaire et comme il y a de l'ombre en dessous, le texte ne s'aligne plus au centre vertical de celui ci.
Il y aurais t'il un moyen faire remonter le texte à la hauteur que je veut dans mon input, j'ai beau chercher, je ne trouve pas.
Merci à vous par avance.
Il y aurais t'il un moyen faire remonter le texte à la hauteur que je veut dans mon input, j'ai beau chercher, je ne trouve pas.
Merci à vous par avance.
A voir également:
- Balise input, aligner le texte en hauteur
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Transcription audio en texte word gratuit - Guide
- Input signal out of range - Forum Ecran
- No video input ✓ - Forum Matériel & Système
- Excel cellule couleur si condition texte - Guide
3 réponses
.input {
width: 242px;
height: 35px;
line-height: 10px;
font-size: 10pt;
color: #5a5a5b;
background-color: transparent;
vertical-align: middle;
background-image: url("../images/input.png");
background-repeat: no-repeat;
background-position: left top;
padding-left: 10px;
padding-top: -10px;
outline: none;
border: none;
}
.input:hover {
width: 242px;
height: 35px;
line-height: 18px;
font-size: 10pt;
color: #5a5a5b;
background-color: transparent;
vertical-align: middle;
background-image: url("../images/input-hover.png");
background-repeat: no-repeat;
background-position: left top;
outline: none;
border: none;
}
.input:focus /* Quand le curseur est sur un champ */
{
width: 242px;
height: 35px;
line-height: 10px;
font-size: 10pt;
color: #000000;
background-color: transparent;
vertical-align: middle;
background-image: url("../images/input-focus.png");
background-repeat: no-repeat;
background-position: left top;
outline: none;
border: none;
}
et je t'envoie l'image pour que tu vois le resultat
[URL=https://imageshack.com/][IMG]http://img820.imageshack.us/img820/2345/input.png[/IMG][/URL]
Uploaded with [URL=https://imageshack.com/]ImageShack.us[/URL]
Merci
