Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
If I inspect the network activity (using Google Chrome inspector) to serve this page I notice a request for a file named close.gif which cannot be found.
The odd thing about this request for a file is first of all that the initiator for the request is listed as "Other" --- in most other cases the initiator is the same domain name as the original request. Next, I grepped the entire source tree and I cant find close.gif anywhere in it.
Any help on identifying what aspect of this static html site is initiating the request for this unknown file is appreciated.
Open the chrome inspector,
click "Elements"
hit [Ctrl]+[F]
type "close.gif"
notice this line:
<div id="template04_close" style="display: none; padding: 0px; position: absolute; left: 163px; top: 0px; width: 20px; height: 20px; background-image: url(http://www.freegold.biz/supreme/close.gif); cursor: pointer; z-index: 10003; visibility: hidden; background-position: initial initial; background-repeat: no-repeat no-repeat;"></div>
especially this part
background-image: url(http://www.freegold.biz/supreme/close.gif);
profit from free gold.
It's loaded in from the ads plugin.
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
After checking examples and trying one of them for myself, I have realized that there's a blank hole that appears under the sidenav. It's probably not related with sidenav, but after you click the menu icon on the top-left most corner, (after sidenav opens) there's huge blank hole appears at the bottom of the page and I couldn't find the reason for that behaviour.
Here's the stackblitz link for that:
https://stackblitz.com/edit/angular-material-sidenav-generate-nav
Thanks for any explanation, have a good day.
you missed to add css to your <mat-sidenav-container> like in Material example :
.example-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #eee;
}
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 years ago.
Improve this question
I have assembled the draft of a portfolio page to be the starting point to build it. Everything works well on Chrome and Firefox, but in Safari, the top navbar leans to the right (screenshot at https://i.imgur.com/KcL45wY.png). The behaviour I would like to have is to have the nav menu to be displayed without any spaces to the sides, like it does on Chrome or Firefox
Inspecting the elements, the most likely selector to change it is one called items-container, but tweaking is values do not solve the question. Scrolling to see the inheritances lead to another selector, nav-items. However, if any change is done there, the display in the other browsers is affected.
I am not a CSS expert, but I usually manage to set up things properly, but I don't know what can be the problem (which should be a Safari one), let alone fix it in a way that works the same way in any browser. I created a Codepen with the source code (https://codepen.io/gobbet/pen/PoqYvbr) and would like to ask for insights for the problem (which I presume that should be somehow straightforward). Thanks to all in advance for the availability.
add left: 0; to .items-container
Not all browsers position absolute elements at 0 0 of the parent element
in Safari, the default for left is not 0.
.items-container {
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: row;
height: 70px;
position: absolute;
top: 0;
left: 0; /* <- */
width: 100%;
z-index: 10;
}
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 inspected it with Google Chrome and found this :
<div class="_2p3a" style="min-width: 180px; width: 270px;">
It should be :
<div class="_2p3a" style="min-width: 160px; width: 188px;">
But how to change it? It's a css from facebook. I tried to override it like that:
Added this line in my style.css, it doesn't work :
._2p3a {
min-width: 160px !important;
width: 188px !important;
}
Thanks for you help
This widget shown inside iframe. We can't modify any styles or scripts inside the iframe.
Try to get correct size widget in facebook developer account.
plz set your plugin width(iframe width)
from ( https://developers.facebook.com/docs/plugins/) Facebook
If you check the facebook link in the iframe, you will see that the current dimensions of this plugin are : width:270px and height:330px.
You will have to change thoses dimensions if you want the iframe to fit in your side div.
Try changing the values in the URL : Your facebook plugin
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 8 years ago.
Improve this question
Hi been trying to get this for quite some time. Ive done it before which is why i feel pretty pathetic for having to ask. The background will not show up.
Im trying to set a background image for my footer and the top menu on my website located HERE
This is my CSS for the Footer:
.blog-footer {
padding: 40px 0;
color: #999;
text-align: center;
background-image: url('./classy_fabric/classy_fabic.png');
border-top: 1px solid #e5e5e5;
}
And here is the CSS for the top nav:
.blog-masthead {
background-image: url('./classy_fabric/classy_fabic.png');
box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}
You have fabric mispelled so it can't find it.
http://sadin.me/css/classy_fabric/classy_fabric.png
I found one glitch in you code.
background-image: url('./classy_fabric/classy_fabic.png'); one (.) is missing
background-image: url('../classy_fabric/classy_fabic.png');
I think you just need to move your file into the right directory.
Request URL:http://sadin.me/css/classy_fabric/classy_fabic.png
Request Method:GET
Status Code:404 Not Found
If you're using Chrome, check out the network tab of your debug console for any 404 errors.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I am trying to get a slider that drops down from the top of my page to go over my menu but can't.
I have applied a position: relative to both of them and tried to put the z-index of the menu to 0 or -10 and I have but the slider to z-index: 10000 with it also postion: relative but it's still going behind the menu.
The page is at http://www.tassolarpanels.com.au/ and the slider in question is the blue "Get a Quick Quote" button on the top right of the screen. As you will see when you press it - it goes behind my menu.
If anyone has any ideas what I am doing wrong I would much appreciate your help!
You need to make sure that the parent element, in this case, #sliding-panel-container, has the correct z-index applied which it currently doesn't -- it is listed as z-index: 1 which is why it's showing behind the navigation listed as z-index: 2.
Try this:
#sliding-panel-container {
... /* Whatever your other CSS is here */
z-index: 3;
}
Add to your .site class:
position: relative;
z-index: 0;
#sliding-panel-container {
display: table;
position: relative;
width: 100%;
z-index: 9999;
}