Solved

Overlay elements in HTML.

Posted on 2014-09-16
6
203 Views
Last Modified: 2014-09-16
Hi Experts,

In the create event of one of the pages in my app, I hide a frame with jQuery, and in the click of a grid I show that frame.
The thing is that when I show the frame the elements at the bottom of the page are moved down.

Here is the link of my app: Symbiont Technologies

To get to the page follow this instructions:
1. Sign In
1.-SignIn.jpg2. Select the blue image with a white shirt (1 Column, 3 Row).
2.-SelectApprovalStatus.jpg3. The elements are loaded like this:
2.1-SelectApprovalStatus.jpg4. Click one element of the grid and the space between the yellow button and the grid increases, I don't want that to happen.
3.-SelectApprovalStatus.jpg
How can I make the grid stay in his place when the frame is shown?

Thanks in Advance.

Best Regards,
Rodrigo Rivera
0
Comment
Question by:Conrado ZAVALA
  • 3
  • 3
6 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40325720
what about (apply css to the label) :
#cbMark4Delete_container label {
    margin: 0px;
    border: 0;
}
0
 

Author Comment

by:Conrado ZAVALA
ID: 40326348
Hi leakim971,

I apply the css and I use the visibility: hidden too.

Thank you very much.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40326551
why a "B" grade without any comment after your question?
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

Author Comment

by:Conrado ZAVALA
ID: 40326561
oh sorry, my error.

Can I change it to "A"?
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40326575
Yes, just close it one more time, thanks.
0
 

Author Closing Comment

by:Conrado ZAVALA
ID: 40326586
Thanks.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now