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
I have created this jsFiddle to represent my problem.
https://jsfiddle.net/L3p70zd8/
<must put code to post jsFiddle link>
I am building a carousel. The width of the content of the carousel is to be limited by the bootstrap container (the pink bit). However, I want the nav buttons to the left and right of the carousel to be outside the width of the container.
I have achieved this on the left button using a negative margin but cannot figure out how to achieve the same result on the right button. I am open to changing the structure of the html.
this is what you looking for? Fiddle
i change it from float to absolute.
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 2 years ago.
Improve this question
I need to make a simple html page with bootstrap lib: my page has simply an header fixed to top and a table that may be long, so I need to scroll it... If I add simple a navbar and a table I obtain this:
as you can see, the table is 'under' the navbar and I can't be able to scroll.. how can I do?
here is the example:
https://paste.ee/p/i1GnB
thank you
As I can see your header is fixed to the top and because that it's going under the table that you made. An easy fix is just to add a padding-top to the table. The amount of padding that you should add is equal to the header's height or more, try and see what you like more.
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 3 years ago.
Improve this question
I have a scrollable box with text in it, which expands upon hovering over it, with a small amount of text also above it. When I hover over the scrollable text box, It expands, also overlapping the small bit of text above it. I have tried this with z-index, but just cannot get the scrollable text box to overlap.
Here is a StackBlitz of my issue (should be fairly explanatory).
Any help would be much appreciated.
Just add background-color: white to your .eula-text class to make the background of your text non-transparent.
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 3 years ago.
Improve this question
The divs are using flex & flex-wrap, and I only want to apply margin-right to the divs on the left hand side as when clicked the border is pushed up against the divs on the right hand side. Any ideas how to achieve this?
You can use
div:nth-child(even){
margin-right: 20px;
}
Posting your code would help a lot.
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
I am using a Relative DIV for the entire page but somehow A LOT of space is being left at the end of the page.
For my background, I had used an image but even that image is not that big.
And I've even set the bottom margin to 0px.
http://www.freelancertanish.comli.com
Thanks in advance !
Most of the whitespace is there because of <div id="div-1whiteback">, which has been given 100% height and positioned down about halfway (adding about half of the page's height again to the bottom). There is additional excess whitespace at the bottom because each of the divs surrounding the logos have been given a specific percentage height which exceeds their allotted space.
Hope that helps!
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
There is empty space at the bottom of my site, showing just the background image. If I set the height of .content to auto or 100%, that makes things even worse and destroys the site. How can I get rid of this empty space while still preserving the white box holding all my content?
http://www.michaelaoun.com/noursite.html
Link to the html file: https://www.mediafire.com/?l435v31v56du9ms
Add an overflow:auto CSS style to your #mainContent div so it expands to the floating content inside of it.