Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
Hi I currently have a nice responsive slider setup but the captions are pushed below with a 'Find out more' button also below.
I just wondered if anyone can see how to adjust this so the button and text is over the images revolving round please?
http://newsite.poppletoncentre.org.uk/index.php?id=4
You need to add this CSS to container
left: 0;
position: absolute;
top: 0;
z-index: 10;
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
After checking examples and trying one of them for myself, I have realized that there's a blank hole that appears under the sidenav. It's probably not related with sidenav, but after you click the menu icon on the top-left most corner, (after sidenav opens) there's huge blank hole appears at the bottom of the page and I couldn't find the reason for that behaviour.
Here's the stackblitz link for that:
https://stackblitz.com/edit/angular-material-sidenav-generate-nav
Thanks for any explanation, have a good day.
you missed to add css to your <mat-sidenav-container> like in Material example :
.example-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #eee;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm trying to center a div with search bar. I tried position: absolute with main div position: relative. But did not got I wanted. It should go under the text. This is made with Bootstrap 4.
This is what I tried s far.
JSFiddle
Remove the top: -114px; of .search-sec and the position: absolute; of .search-align and add justify-content: center; and it works.
See https://jsfiddle.net/aqcredw2/
Oh, and .fixed-top should be better position: sticky; :)
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
http://preview.spirecms.com/tpiswim.com/
The drop down navigation menu goes behind the slideshow and sidebar survey. It's probably a z-index issue, but I can't figure out how to fix it.
Thanks for your expertise!
This code can solve the problem :
#top-wrap {
background: transparent;
position: relative;
z-index: 1;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am developing a website where I have a top menu and a background image with some text on the home page. This covers the whole screen. BUT at the bottom of the screen there have to be 3 blocks who show up at the bottom of any screen or device. I am able to to this for Chrome but for Firefox for example the blocks are way far down at IE the same... What I want:
I am currently doing applying following code on the div containing the 3 blocks:
position: relative;
top: -150px;
But as mentioned above in another browser this div shows up to low so the user won't see it until he scrolls...
Any solutions here?
Simple change:
position: fixed;
bottom: 0;
Better idea to wrap it inside another <div class="bottom-stuff"> and give the rules to .bottom-stuff.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I tried to look for this issue for more than an hour but unfortunately unable to find where the problem exist. Here is the link for it http://professionals.dev.wbstaging.com/results as you can see at the bottom there is a bigger spacing, thank you for the help.
Try adding overflow:hidden to your class .main_container.
.main_container {
min-height: 797px;
position: absolute;
height: auto;
overflow: hidden;
}