Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Wonky Form Hint positioning Reply To: [Solved] Wonky Form Hint positioning

#165712
Atelierbram
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;
}