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
Can't get rid of this line anyway , here's the domain , please switch to browser mobile mode to open it . http://www.pocketsaver.co/index.php?route=mobile/home
You have a rogue h4 element floating over the top of your content.
.hotlists h4:before {
background-image: linear-gradient(to right, #ffffff 16%, #ababab 53%, #ffffff 83%);
content: "";
height: 1px;
position: absolute;
right: 0;
top: 50%;
width: 100%;
}
I'm not sure the result you were expecting but if you remove position, right and top it will sort itself into the DOM with everything else and stop floating over your content.
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 8 months ago.
Improve this question
Screenshot
Hello everyone,
I need your help to fix this interesting white space. Why does it look this?
You are seeing a sort of edge effect where the system is struggling to match part CSS pixels to the multiple screen pixels that make up one CSS pixel on modern displays.
If you put a background to the video the same coloring as the border it will 'fill up' the little gap.
background-color: rgba(255, 181, 147, 0.814);
Set the border-width to an even number, so instead of this:
#video_1 {
/* ... */
border-radius: 15px;
border-style: solid;
border-width: 5px;
/* ... */
}
Instead use something like 4px instead of 5px:
#video_1 {
/* ... */
border-radius: 15px;
border-style: solid;
/* like this */
border-width: 4px;
/* ... */
}
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
I have the following css code for drawing a circle on a page.
.full-circle {
background-color: rgba(204, 0, 102, 0);
border: 3px solid #333;
margin: auto;
height: 75px;
width: 75px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
}
It is called by:
<div class="full-circle">
Works fine in Firefox but when I run it in IE it appears as a square and i'm not sure why.
Marvin pointed it out in the comments, but it is the answer to your problem: you have not specified the normal border-radius. Furthermore, if you're looking to create a circle, you want 50%, not 75px. 75px may make your particular div a circle, but if you decide to make the width wider, it will render differently. Your CSS should look like this:
.full-circle {
background-color: rgba(204, 0, 102, 0);
border: 3px solid #333;
margin: auto;
height: 75px;
width: 75px;
border-radius:50%;
}
EDIT: As Rob pointed out, you probably don't even need the -moz and -webkit prefixes unless you are designing a website for a user-base you know uses older browsers. I removed them from the example.
As noted in the comments by Rob, most browsers have had no need for vendor prefixes since 2010, just add
border-radius: 75px;
IE8 did not support this property, IE9 supported it without the -ms- prefix.
But check out #Vector's answer, you should really be using % and not px
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
On the website below there is a full background image, and on top of that image there is that grid/net that darkens that image, what is that, where do i find it, how do i create it? (ive searched the source code, couldn't find it, help me out)
http://www.art3d.ru/
Maybe a simple gradient overlay ?
html {
min-height:100%;
background:
linear-gradient(to left,transparent 50%, rgba(0,0,0,0.3) 50%),
linear-gradient(to bottom,transparent 50%, rgba(0,0,0,0.3)50%),url(http://lorempixel.com/640/480);
background-size:2px 4px, 4px 2px, cover;
}
html:hover {/* demo purpose */
background-size: 0% 0%,0% 0%, cover;
}
With the opacity attribute you can darken an image. You can implement it like this:
body {
background-image: url('path');
}
div {
opacity: 0.2;
}
I have set a body background image, and when you give the div opactiy, it should darken the image. It can be very useful sometimes.
I hope I answered your question.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 7 years ago.
Improve this question
Here is the jsfiddle:
http://jsfiddle.net/txj54fL9/
Codes pasted below:
.cover {
background: linear-gradient(to bottom, rgb(0,0,255,0.5), rgb(238,130,238,0.5));
background: -webkit-linear-gradient(top, rgb(0,0,255,0.5), rgb(238,130,238,0.5));
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: 99999;
position: absolute;
}
<h2> I'm bottom</h2>
<div class="cover"></div>
As can be seen in the demo, the cover doesn't display at all. If I change the rgb(0,0,255,0.5) to rgb(0,0,255), the cover can show, but it loses the transparency..
Does anyone have ideas about how to keep transparency as well as gradient?
Use RGBA instead
.cover {
background: linear-gradient(to bottom, rgba(0,0,255,0.5), rgba(238,130,238,0.5));
background: -webkit-linear-gradient(top, rgba(0,0,255,0.5), rgba(238,130,238,0.5));
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: 99999;
position: absolute;
}
http://jsfiddle.net/txj54fL9/1/
Pikamander2's answer's the solution, and remember, you can still use opacity:0.5; for any element.
Take a look here
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 want to use beautifull page navigation. When I downloaded below version:
http://codeb.it/resmenu/
I found file index.htm. In that file navigation is white. I tried use css style from orginal page (foundation.css) but this file have the same class like boostrap.
Please help me, I want to use this navigation (http://codeb.it/resmenu/) in black color.
I know, maybe it is easy question but please help me.
Thanks
Have you read all the documentation from the page you provided?
At the end of it, there is a snippet which shows you how to style the navigation bar:
.responsive_menu select {
display: block;
width: 100%;
height: 36px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: rgb(85, 85, 85);
vertical-align: middle;
background-color: rgb(255, 255, 255); /* This is black */
background-image: none;
border: none;
}