0

If you go here, let the input fields empty and press Submit, you will notice that Name input is over the "The field is required" popup.

I have tried to apply z-index and other css strange "solutions" but I am simply unable to fix that...

Can you please suggest something?

2 Answers 2

1

Try changing....

formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
z-index: 5000;
cursor: pointer;
}

to:

formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
z-index: 9999;
cursor: pointer;
}

in the validationEngine.jquery.css file

EDIT: Also you might want to change

#contentContainer .content{ position:absolute; left:0px; top:0px; width:680px; z-index:999999; margin-bottom:20px;}

To a z-index that's more reasonable.

Sign up to request clarification or add additional context in comments.

2 Comments

See edit above. You've got the content set to be above anything else.
Thanks, here was the key indeed!
0
.emailformError {
z-index: 999999;
}

Will do it :)

(All I have done is brought the bubble higher in the z-index (brought it above the other layers).)

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.