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.
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 5 days ago.
Improve this question
In the picture you can see that part of "Schedule" is overlapping "Networking session". How do I stop this? It appears fine on computer screens but it appears like this on my phone. I do have different code written for screens with widths less than 415px.
what it looks like when one opens the website. Note the available space at the bottom of the table
At first, only the "schedule" would appear without the background. So I added position: relative but it still didn't work. How do I solve this problem? Any help will be appreciated.
[what it looks like after I added display: relative]
(https://i.stack.imgur.com/l5d81.png)
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 days ago.
Improve this question
The website is: https://www.epicoyachts.ch
As you can see there is the possibility to scroll right, which should not be possible.
I've tried to play around with the positioning settings, trying to scale the upper bar to the screen. But it has not solved the problem. I can't understand which settings I have to adjust, and mainly of which element.
it's the tiny red arrow to scroll back up
I haven't found any code for your website but, I have a feeling that for your page dimensions you are retrieving the data from the user resolution or, using a constant resolution like 100%.
If that's the case then I'd suggest possibly a fixed lengt resolution of eg 1920p.
//You can try this first if you did not have this
html, body {
max lengt: 100%;
overflow-x: hidden;
}
// If you did have it you can try changing 100% into a standart resolution (1920)
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.
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
Alright so i have been having a hard time when applying background image to my html code. The problem is that if i make my browser too big it will zoom in too much and if the window is too small it will cut off half of the website. I want to figure out a way to make it so that whenever i resize the browser window the background would also resize depending on the browser window size.
Thanks in advance!
CSS has a background-size property that you can set.
background-size: contain; would probably do the trick.
Below are some more resources regarding hte CSS property background-size.
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
http://www.w3schools.com/cssref/css3_pr_background-size.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
contain is most likely what you are looking for.
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.