hey guys,
i asked recently how do i make my select boxes the same as my input boxes and i got this:
input, select {
width: 11em;
height: 12px;
}
i tested a text box and select box next to each other with the code below and they are not the same height. am i doing something wrong?
thanx
oh also, if you change the height on a text box and when i type in it the bottom gets cut off (the text is too big for the text box) how do i solve this? change the text hieght in my css? or somehting else? because i tried that and didnt work! maybe im doing something wrong, just asking if anyone knew!
thanx again
<style type="text/css">
#Login {
margin-left: 5em;
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
input, select {
width: 11em;
height: 12px;
}
input.button {
width: 5em;
height: 22px;
background-color: #e6e6e6;
border-color: #ccc #666 #666 #ccc;
cursor: pointer;
}
</style>
</head>
<body>
<!-- Begin Login Div -->
<div id="Login">
<input type="password" name="password"> <select name="ud_P_Price">
<option value="<? echo $P_Price; ?>">$<? echo $P_Price; ?> </option>
<option value="250"> $295 </option>
<option value="275"> $275 </option>
<option value="300"> $300 </option>
<option value="325"> $325 </option>
<option value="350"> $350 </option>
</select>
<!-- End Login Div -->
</div>
</form>Originally posted by Css_Calav
hey guys,
i asked recently how do i make my select boxes the same as my input boxes and i got this:
input, select {
width: 11em;
height: 12px;
}
i tested a text box and select box next to each other with the code below and they are not the same height. am i doing something wrong?
thanx
oh also, if you change the height on a text box and when i type in it the bottom gets cut off (the text is too big for the text box) how do i solve this? change the text hieght in my css? or somehting else? because i tried that and didnt work! maybe im doing something wrong, just asking if anyone knew!
thanx again
input, select {
width: 11em;
height: 14px;
font: 12px/14px Verdana, sans-serif;
}
that shall do itDo not define fonts in pixels (px).hey guys thanx for ur reply. that fixed the problem!
define it in what then other than pixels?
cheers!Myself I usually define in em. So long as it's a relative unit though you should be fine. Using absolute units such as pixels though should never be used.Originally posted by Mr Herer
Myself I usually define in em. So long as it's a relative unit though you should be fine. Using absolute units such as pixels though should never be used.
actually, pixels is supposed to be a relative unit. IE i guess doesnt support this
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS1#length-units">http://www.w3.org/TR/REC-CSS1#length-units</a><!-- m -->
the ones that are absolute are in, cm, mm, pt, pc
i asked recently how do i make my select boxes the same as my input boxes and i got this:
input, select {
width: 11em;
height: 12px;
}
i tested a text box and select box next to each other with the code below and they are not the same height. am i doing something wrong?
thanx
oh also, if you change the height on a text box and when i type in it the bottom gets cut off (the text is too big for the text box) how do i solve this? change the text hieght in my css? or somehting else? because i tried that and didnt work! maybe im doing something wrong, just asking if anyone knew!
thanx again
<style type="text/css">
#Login {
margin-left: 5em;
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
input, select {
width: 11em;
height: 12px;
}
input.button {
width: 5em;
height: 22px;
background-color: #e6e6e6;
border-color: #ccc #666 #666 #ccc;
cursor: pointer;
}
</style>
</head>
<body>
<!-- Begin Login Div -->
<div id="Login">
<input type="password" name="password"> <select name="ud_P_Price">
<option value="<? echo $P_Price; ?>">$<? echo $P_Price; ?> </option>
<option value="250"> $295 </option>
<option value="275"> $275 </option>
<option value="300"> $300 </option>
<option value="325"> $325 </option>
<option value="350"> $350 </option>
</select>
<!-- End Login Div -->
</div>
</form>Originally posted by Css_Calav
hey guys,
i asked recently how do i make my select boxes the same as my input boxes and i got this:
input, select {
width: 11em;
height: 12px;
}
i tested a text box and select box next to each other with the code below and they are not the same height. am i doing something wrong?
thanx
oh also, if you change the height on a text box and when i type in it the bottom gets cut off (the text is too big for the text box) how do i solve this? change the text hieght in my css? or somehting else? because i tried that and didnt work! maybe im doing something wrong, just asking if anyone knew!
thanx again
input, select {
width: 11em;
height: 14px;
font: 12px/14px Verdana, sans-serif;
}
that shall do itDo not define fonts in pixels (px).hey guys thanx for ur reply. that fixed the problem!
define it in what then other than pixels?
cheers!Myself I usually define in em. So long as it's a relative unit though you should be fine. Using absolute units such as pixels though should never be used.Originally posted by Mr Herer
Myself I usually define in em. So long as it's a relative unit though you should be fine. Using absolute units such as pixels though should never be used.
actually, pixels is supposed to be a relative unit. IE i guess doesnt support this
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS1#length-units">http://www.w3.org/TR/REC-CSS1#length-units</a><!-- m -->
the ones that are absolute are in, cm, mm, pt, pc