how to make all elements on a page wider [closed] - html

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
So I am making a test website and I all text images, and navigation text is in the middle of the page and there is a lot of space on the side. how can I use more of the space on the side?

Use your CSS to define the size of your main content. If pixel size (say width:1000px) isn't enough, then set the width to width:100%.
In any case, you are going to have to do some serious research on CSS and how to use it.

Related

background image-/html and css/ [closed]

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 days ago.
Improve this question
I am having a hard time getting a background image to be complete and when i scroll it just stops. Any idea what might be the issues? If you look the margin is off on the sides and bottom.
Your webpage will be displayed on different sizes of output devices. How do you want the background-image be displayed in different scenarios?
There are two strategies:
a) you could repeat the background-image to fill the available space. Have a look at https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat for different values.
b) you could resize the background-image to fill the available space. Have a look at https://developer.mozilla.org/en-US/docs/Web/CSS/background-size, especially cover and contain.

Automatically apply a tooltip if content oveflowing [closed]

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 5 months ago.
Improve this question
In React code, I have constant-sized divs with dynamic data rendered in them. Often data is too long and overflows. Is there some way to detect when content is overflowing so that I can conditionally apply a tooltip on the content?
You can check for scrollWidth and scrollHeight if those are higher than clientWidth and clientHeight.
In React.js you should place that in useLayoutEffect to give a browser chance to paint that tooltip automatically without jumping effect.
compare the offsetWidth and the width of your div

Claimed to be the same height but doesn't seem to be [closed]

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 11 months ago.
Improve this question
Difference between the headers
The website's header
My header
Can anyone please tell me what is the thing that is probably making this happen?
This is my span's style
This is the website's span's style
Edit: I tried to make the headers of stack overflow and facebook, I did not have the same problem, but I need to know why this website is like this.
Well it is the same, but the page is just resized. If both browser windows were the same size, they would be the same. The difference is very slight anyway.

HTML/CSS bottom navigation misplaced [closed]

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 very new at both HTML and CSS but learning on the way. I have come to a stuck point and I can't seem to work it out. When viewing my webpage I have noticed that when I 'inspect element' the bottomnav div and ul div are both the size of my main div which is basically 0.
This is causing my issues in terms of trying to place a boarder on my bottom navigation.
None of the images are working but here it is
Code: http://jsbin.com/xuluqugovu/edit?html,css,output
Thanks for anyone's help on this.
Set overflow:auto on the .main rule (since its contents are floated, it does not expand to contain them)

Need help to reduce spaces between banner & content on weebly site [closed]

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 am using weebly templates and working with the CSS files. Here is my site www.zxentest.weebly.com
I need help in reducing gap space below the yellow banner to the faint line at the sides, and reduce the space above the main text..
Could anyone help with this? I have tried to edit the css file and put 0px on most of the margins and padding that surrounds the main body and banner, but to no avail. help greatly appreciated! thank you
After re reading the question what you actually want to do is remove margin-bottom and decrease the size of your padding-bottom to however close you want the text to be to your banner.