how to set background to a division using css? [closed] - css

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
(https://www.istockphoto.com/photo/farlacombe-farm-midnight-july-2019-gm1165109078-320470321?&utm_campaign=SRP_photo_sponsored&referrer_url=&utm_term=milky%20way%20starry%20sky)
i wanna set this image to a div bg

<style type="text/css">
.bgimg {
background-image: url('https://media.istockphoto.com/photos/farlacombe-farm-midnight-july-2019-picture-id1165109078');
background-repeat: no-repeat;
}
</style>
...
<div class="bgimg">
div with your background
</div>

Related

Alternative textarea background colors [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 3 days ago.
Improve this question
Has anyone got any ideas how to make textarea posts, which are created from a javascript function, be given different color backgrounds within the CSS? I have tried the nth-of-type (odd) and nth-child (even) etc..., but from what I can see, this only works with tables.
Any help would be greatly appreciated.
.post textarea:nth-of-type(odd) {
background-color: green
}
.posttextarea:nth-of-type(even) {
background-color: red
}

Can I use src attribute to get image instead of using url attribute in CSS for background image? [closed]

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 6 months ago.
Improve this question
Generally we use this style
body {
background-image:url("../image/paper.png");
background-repeat: repeat;
background-color: #cccccc;
}
is it possible like this?
body {
background-image:src("../image/paper.png");/* want to use src attribute to get image */
background-repeat: repeat;
background-color: #cccccc;
}
Big NO. You can't it is out of css standard
Visit : https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

Can anyone help me with aligning a icon by 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 1 year ago.
Improve this question
I am unable to align this icon with others by CSS,
Can anyone one help me with aligning this? The page link is https://merchla.my/my-account/
TIA.
On this class here <ul class="jssocials-shares" id="wpuf_social_link"> add display: flex;
ul.jssocials-shares li.jssocials-share-google a img {
width: auto;
height: 1em;
Remove all the css code from below code
ul.jssocials-shares li.jssocials-share-google a { }

Wordpress CSS: Center Iframe Object [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 4 years ago.
Improve this question
I need to center this: https://www.nologo.surf/4-fun/ on 360ยบ image isnt center...
Thanks
On your div with the class threesixty-image add this:
.threesixty-image {
margin: auto;
}
I tested in browser and that should center it for you.
Just add this code in your CSS
.threesixty-image {
margin:0 auto;
}

Center element within element [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'm trying to center this element here: https://trello-attachments.s3.amazonaws.com/5508d4ee693f59d0072198d7/1191x701/f94f2503ad54439174bed54e3630041d/ScreenShot_20150318203417.png
Can someone help me please? The link of this page is http://margaridamoreira.com/welcome/. Which CSS could fix this?
Best,
Ivo
Use the following for the ul and li in the media=all css selector
.sharify-container ul{padding:0;margin: 0 auto;display: inline-block;width: 100%;height: 100%;text-align: center;}
.sharify-container li{list-style:none;height:50px;line-height:30px;float: none;margin:0;padding-left:2.5px;display: inline-block;}
Using float:left, you are aligning all the li elements to the left of the ul which is not what you want here.

Resources