Здравейте имам проблем със resize...
Имаме обикновена форма.
във в CSS съм задал това
[css]#JoinVF,input {
display:block;
padding:18px 18px 18px;
color:#fff;
font-family: 'Myriad Pro', arial;
font-size:15px;
}
.emailGet{
font-family: 'Myriad Pro', arial;
font-size:15px;
margin-top:9%;
color:#ccc;
width: calc(100% - 36px);
height:44px;
border:none;
}[/css]
Искам на Haight на emailGet да бъде пропорционален със проценти а не със пиксели... Ако сложа Padding-bottom ще прецакам padding-га на input полето...
Аз ползвам резолюция 1920х1080 и при мен 44px са ок, но като го сложа във firefox на екран с по-ниска резолюция и това става огромно, искам да е със проценти да си се наглася навсякъде както трябва да изглежда.
Поздрави !
Имаме обикновена форма.
Код:
<form method="POST" action="" id="JoinVF">
<input type="text" class="emailGet" id="emailGet" value=" Refferal’s e-mail or phone">
<input type="submit" class="submitVeblenProceed" value="Proceed" >
</form>
във в CSS съм задал това
[css]#JoinVF,input {
display:block;
padding:18px 18px 18px;
color:#fff;
font-family: 'Myriad Pro', arial;
font-size:15px;
}
.emailGet{
font-family: 'Myriad Pro', arial;
font-size:15px;
margin-top:9%;
color:#ccc;
width: calc(100% - 36px);
height:44px;
border:none;
}[/css]
Искам на Haight на emailGet да бъде пропорционален със проценти а не със пиксели... Ако сложа Padding-bottom ще прецакам padding-га на input полето...
Аз ползвам резолюция 1920х1080 и при мен 44px са ок, но като го сложа във firefox на екран с по-ниска резолюция и това става огромно, искам да е със проценти да си се наглася навсякъде както трябва да изглежда.
Поздрави !