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 9 months ago.
Improve this question
Could you please render this red figure in css?
enter image description here
.box {
background-color: red;
border-radius: 15px;
height: 120px;
width: 200px;
}
<div class="box"></div>
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
I'm looking for a way to gradient images from the bottom to top
initial vs
goal
Images run in slick slider. I've already tried with radiant gradient but without any useful results.
It is not blur, it is linear gradient from black to transparent. You can use some element or pseudoelement (after/before) to place it over image and give it linear-gradient.
Something like this:
.my-cool-item {
position: relative;
display: inline-block;
}
.my-cool-item:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 300px;
background: linear-gradient(180deg, rgba(0,0,0,0), black);
}
<div class="my-cool-item">
<img src="https://i.stack.imgur.com/IuWLZ.jpg"/>
</div>
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
so I am trying to make my banner expand across the page,
I have already tried width: 100% but it has a gap (about 5px width) on either side, any ideas why it's doing this?
CSS
.banner {
width: 100%;
height: 300px;
border-bottom: 1px solid #000;
}
It is your browser default margins and padding, do this in your css:
body {
margin: 0;
padding: 0;
}
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
I am new to this language so I want to know how I can color the container (the part between header and footer). Is it possible without using div? I have tried this, but problem is that when I change the position of the container to "absolute" it overlaps the header more over changes the page's width Please give an example code. Thanks.
html , body {
height: 100%;
}
body {
background: red;
}
I made html and body 100% just in case. You probably don't need it. But I suggest that you never have a naked body as your background.
EDIT : Or if you want an image
body {
background:url('http://www.planwallpaper.com/static/images/canberra_hero_image.jpg');
}
https://jsfiddle.net/xqxrmm96/1/
html-
<html>
<body>
<header></header>
<section></section>
<footer></footer>
</body>
</html>
css-
header {
height: 30px;
background-color: #e0e0e0;
}
section {
height: 60px;
background-color: #efefef;
}
footer {
height: 30px;
background-color: #e1e1e1;
}
you can do it something like this
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 8 years ago.
Improve this question
Hi I have a test page up here http://blueanchorcreative.com/
There is a little tiny gap between the slider and the header and I can't figure out what it is? I tried applying overflow hidden to the header but that jacked up the rest of the page and I couldn't figure out how to make that work! Please help a newbie!
LOOK AT THE VALUE:
#slideshow > div {
bottom: 10px;
left: 10px;
position: absolute;
right: 10px;
top: 10px; // this value to 0px
}
You just need to remove top: 10px value from the rule:
#slideshow > div {
top: 0;
}
It's at the line 195 of http://blueanchorcreative.com/style.css
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 8 years ago.
Improve this question
How do I move the unnecessary spacing underneath the form in my footer? I've tried everything.
The bigger the screen resolution gets, the WIDER that GAP/Spacing gets :/
I'm still learning to get better at coding so don't laugh!
Code:
#form { margin-top: 80px; margin-left: 730px;}
#footer{ background: #311C68; width: 100%; height: 100%;}
Try to remove height: 100% from #footer
#footer{ background: #311C68; width: 100%;}