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 months ago.
Improve this question
Hello im an very beginner of html/css i made an navigation bar and an footer till yet. So i wanted an background image now but its bugged idk why. I tested a couple of random images but its for every image. Can someone help me pls? Code and Screenshot of the Problem below
I tried background-repeat: no-repeat;
But i am a very beginer so i dont know what to do. I just want an normal background. The details are already described
* {
background-image: url(ttt.png);
}
The above code means you put every element a background image.
If you just want body with the background image, use below code
body {
background-image: url(ttt.png);
}
You also should set something like background-size to make the size you want.
The doc
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
I'm attempting to stylise my responsive table and would like for the background to consist of a gradient. My issue is that all styles being applied repeats itself in every cell and so it looks like a horrible image being duplicated.
Gradient I'm using:
background: linear-gradient(to right, rgb(170, 7, 107), rgb(97, 4, 95));
Table:
I understand that there are many td/th elements in the table and its possible for it to take on its own style, but how would I keep the colour consistent in each row?
Codepen
Can anyone guide me in the right direction?
You could add
background-attachment: fixed;
where you define the gradient.
If you scroll horizontally it might look a bit off, but this way it will use the browser's left and right edge for generating the gradient.
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 10 months ago.
Improve this question
I have a site that is using bootstrap and some custom css. I have a css class called "full-width" design to escape the parent bootstrap "container" in order to get the background color to extend the entire width of the screen. I just noticed that I have a horizontal scrollbar on desktop. I have narrowed it down to the "full-width" class but I cannot figure out how to fix it. It has been fin up until recently.
Staging site: https://staging.warsaw.church
I really appreciate and help!
Fix this part of the css it worked for me
html {
scroll-behavior: smooth;
full-width: 100%;
overflow-x: hidden;
}
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 have set the header image to not repeat. However, I'm trying to make the website responsive. When in a smaller browser the image begins to repeat.
screen snip of website header background
header css
media query
The property is no-repeat not none, e.g. :
.bg-image {
background-repeat: no-repeat;
}
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 4 years ago.
Improve this question
My Blogger Soho theme main page has two columns listing the posts complete with pictures. The gaps between the columns are too close. May I know if there is a css code to improve that?
Sorry if this question has been answered as I could not find one after searching and I am a newbie in css.
https://retireby50sg.blogspot.com
Thanks in advance for advice!
Actually your image width is going out of div so try to reduce the width of image. here is the css try this
.snippet-thumbnail img {
width: 95%;
}
If you don't post your code is so hard to give you a proper answer, but I could say you that you should open the CSS code about your theme and find the two columns tag or id or whatewer the theme uses, then you could use margin or padding property to make the gap between both bigger.
Use of margin and padding (Because you said you're a newbie hahahaha)
Margin: https://www.w3schools.com/css/css_margin.asp
Padding: https://www.w3schools.com/css/css_padding.asp
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'm trying to give my search bar a background, using css. But chrome keeps giving the error "invalid property value". Which is weird because my navigation bar is the exact same code but doesn't give the error?
http://ispiked.net/tests/
This is because you've also specified "no-repeat" along with your background image. Alter your code to:
background: url(images/searchbar.png) no-repeat;
Another way to do that is to use background-repeat property.
background-image: url('images/searchbar.png');
background-repeat: no-repeat;