Home › Forums › CSS › [Solved] Wonky Form Hint positioning › Reply To: [Solved] Wonky Form Hint positioning
March 13, 2014 at 2:34 pm
#165712
Participant
Have you tried setting the span to block on focus?
.menrollform input:focus + .menrollform_hint {display: block;}
… will still make it ‘jump’ …, but then changing the hint to position: absolute ( works for me )
.menrollform_hint {
background-color: #d45252;
border-radius: 3px 3px 3px 3px;
color: white;
width: 250px;
/* margin-left: -265px; */
padding: 4px 6px;
z-index: 999; /* hints stay above all other elements */
/* position: relative; */
position: absolute;
/* allows proper formatting if hint is two lines */
display: none;
}