Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I want to put this:
on my website:
What code should I add? I found this piece of code but it didn't work for me:
<td nowrap align="left" style="word-wrap: break-word"><pre style="width:initial !important; margin-left: -25px;">
Thank you very much and excuse me for my English
As said, adding overflow:scroll in your CSS is an option.
But I would go for auto instead of scroll in order to hide the scrollbar when the content is not clipped. That's a decision to take depending on the design you want.
Set the overflow property in css of that div or td tag to scroll
overflow:scroll
or you can do
overflow: auto
Set overflow:auto to div. so the div scroll come if content size more than div width.
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
There is extra white space in the right of the body which appears only on mobile screens despite that i'm making overflow-x :hidden to the html and the body tags and all the page is the same width
html,body styles
//css file link
https://github.com/Jjemy/Landing-page/blob/main/src/App.scss
I think the max-width: 100vw, is affecting the width. Try taking it out as this may be the cause of the problem.
I've figured the cause out ..
I'm giving some images a position absolute and when i change it the problem disappears but this affect the images position,
is there any other option?
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I am using a bootstrap 3 grid on my website and I am having trouble with getting rid of this extra space thats to the right of all my content. Allowing the bottom scrollbar to be visible and move. I dont want to hide the scrollbar I know How to do that. I simply just want to fit the content to the page so that there isnt reason for the bottom scrollbar to display. Just want to make my content fit to the page. So I can continue redesigning.....
www.Trillumonopoly.com/index2.html
Actually this should do it
.container-fluid {
padding-left: 0;
padding-right: 0;
}
AND delete .row from where your .navbar-default also are. :)
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
What I am trying to achieve here is to center my logo and my contact form. I have tried looking on google and here but found nothing that will help. I will include a js bin please anyone help me.
https://jsbin.com/foqemipeco/edit?html,css,output
Add a display: inline-block and margin: 0 56px to #logo for the logo centering. Then, add a display: inline-block to #box-header, and margin: 45px 115px 0 to #box for the form centering.
I use the inline-block trick to bound the main container size to the size of the elements within it. By cutting the size you become able to center the container with lateral margins. Also, it's not really necessary to define the width in #box, and using <br> tags for layouts is a really bad practice, get rid of them, the margin I provided for that container will push it down.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
When you click on the about tab on the home page of this site: http://suncoastlaw.com/, and shrink the browser size down, the text overflows outside of the div. I've searched around and have tried clear:both, overflow: hidden, and several other things but can't seem to get the div to fluidly expand to the proper height to contain content. How do I make the div expand to contain content?
Modifiy the stylesheet file by Remove "min-height" and "height" from "#tabedarea" selector.
Also, Remove height: 365px; from the below DIV (this value came from JavaScript plugin)
<div class="list-wrap group" style="height: 365px;">
you can attach the following event to the browser window re-sizing in order to reset the height of the element:
$(window).resize(function() {
$(".list-wrap").height("auto");
});
EDIT:
Or just comment the below line in "functions.js":
$allListWrap.height(curListHeight);
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I want to make horizontal strip of image thumbnails using HTML5 and CSS3. and scroll it horizontally. can anyone tell me how do i proceed?
Try setting the css:
<div style="white-space:nowrap; overflow-x: scroll">
<img><img><img> <!-- Images here -->
</div>
nowrap prevents contents from wrapping, and overflow-x: scroll causes overflows in the x-direction to have a scroll bar